@import url("https://fonts.googleapis.com/css?family=Gudea:400,700");/* stylelint-disable */
.un-auth-logo {
  background-image: url("/assets/mobile-logo.432c7324.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  height: 31px;
  width: 215px;
}
@media (min-width: 1025px) {
  .un-auth-logo {
    background-image: url("/assets/sign-up-anmelden-neu-va.d24f28f7.svg");
    height: 41px;
    width: 259px;
  }
}
/* inner content sidebar logo style */
@media (min-width: 1025px) {
  .sidebar__logo {
    margin-bottom: 28px;
    margin-top: 42px;
  }
}
.sidebar__logo-img {
  /* desktop title */
  /* mobile title */
}
@media (max-width: 1024px) {
  .sidebar__logo-img--desktop {
    display: none;
  }
}
@media (min-width: 1025px) {
  .sidebar__logo-img--desktop {
    display: block;
    text-align: center;
  }
  .sidebar__logo-img--desktop img {
    height: auto;
    width: 160px;
  }
}
@media (max-width: 1024px) {
  .sidebar__logo-img--mobile {
    background-image: url("/assets/mobile-logo.432c7324.png");
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    display: block;
    height: 31px;
    width: 215px;
  }
}
@media (min-width: 1025px) {
  .sidebar__logo-img--mobile {
    display: none;
  }
}
/* stylelint-enable */.rental-issue {
  background-color: #228288;
  min-height: 100vh;
  padding: 90px 15px;
  text-align: center;
}
.rental-issue h1 {
  color: #fff;
  margin: 0 0 14px;
}
.rental-issue h1 span {
  display: block;
  font-weight: 700;
}
.rental-issue p {
  color: #a6dadd;
  line-height: 1.25;
  margin: 0 auto;
  max-height: 108px;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  width: 250px;
  z-index: 1;
  font-size: 22px;
  font-weight: bold;
}
.rental-issue .rental-content {
  height: 406px;
  margin: 0 auto;
  position: relative;
  top: -54px;
  user-select: text;
  width: 674px;
}
.rental-issue .rental-content img {
  position: absolute;
}
@media (max-width: 1024px) {
  .rental-issue {
    display: none;
  }
}
@media (min-width: 1025px) {
  .rental-issue {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .rental-issue {
    width: calc(100% - 320px);
  }
}
@media (min-width: 1280px) {
  .rental-issue {
    width: calc(100% - 488px);
  }
}/* stylelint-disable */
.input-wrap {
  position: relative;
}
.input-wrap.error input {
  border-color: #d50000;
  color: #d50000;
}
.input-wrap.error input::placeholder {
  color: #d50000;
}
.input-wrap input {
  background-color: inherit;
  border: none;
  border-radius: 0;
  color: var(--color-neutral-750);
  display: block;
  font-size: 16px;
  line-height: 1.5;
  outline: none;
  padding: 4px 0 3px;
  -webkit-transform: translate3d(0, 0, 0);
  transition: 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  -webkit-user-select: text;
  width: 100%;
  border-bottom: 1px solid var(--color-neutral-750);
  border-left: 0;
  border-right: 0;
  border-top: 0;
}
.input-wrap input.has-bg-img {
  padding-left: 30px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: 15px auto;
}
.input-wrap input:disabled {
  background-color: #e9ecef;
}
.input-wrap input::placeholder {
  color: rgba(var(--color-neutral-750), 0.8);
}
.input-wrap input:hover {
  border-color: rgba(119, 3, 88, 0.7);
}
.input-wrap input:focus {
  border-color: #770358;
}
/* stylelint-enable *//* stylelint-disable */
.login .greeting {
  margin: 0 15px 68px;
}
.login .form-content {
  margin-bottom: 85px;
}
.auth {
  display: flex;
  flex: 1;
  flex-direction: row;
  height: 100%;
}
.auth header {
  background-color: #228288;
  margin-bottom: 44px;
  padding: 24px 17px 25px;
}
.auth .auth-content {
  padding-bottom: 50px;
  width: 100%;
}
.auth .auth-content .greeting h1,
.auth .auth-content .greeting h2 {
  margin: 0;
}
.auth .auth-content .greeting p {
  font-size: 15px;
  margin: 0;
}
.auth .auth-content form {
  margin: 0 15px;
  text-align: center;
}
.auth .auth-content form p {
  margin: 0;
}
.auth .auth-content form p a {
  color: #770358;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.38;
  text-decoration: none;
}
.auth .auth-content form p a:hover {
  text-decoration: underline;
}
.auth .auth-content .input-wrap {
  margin-bottom: 25px;
}
.auth .auth-content .input-wrap:last-child {
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .login .greeting {
    margin: 30px 14px 80px;
  }
  .login .greeting h2,
  .login .greeting p {
    display: block;
  }
  .login .form-content {
    margin-bottom: 69px;
  }
}
@media (min-width: 1280px) {
  .login .greeting {
    margin: 30px 0 80px 14px;
  }
}
@media (min-width: 1025px) {
  .auth header {
    background-color: transparent;
    margin-bottom: 0;
    padding: 0;
  }
  .auth .auth-content {
    padding: 38px 15px;
    width: 320px;
  }
  .auth .greeting h1 {
    font-size: 30px;
  }
  .auth .greeting p {
    font-size: 18px;
  }
  .auth form {
    margin-left: 14px;
    max-width: 328px;
    text-align: center;
  }
  .auth .input-wrap {
    margin-bottom: 50px;
  }
}
@media (min-width: 1280px) {
  .auth .auth-content {
    padding: 38px;
    width: 488px;
  }
}
/* stylelint-enable */.input-box {
  --lawyer-input-bg-color: var(--color-white);
  --lawyer-input-bg-color-focus: transparent;
  --lawyer-input-text-color: var(--color-neutral-750);
  --lawyer-input-text-color-focus: var(--color-neutral-750);
  --lawyer-input-text-color-disabled: var(--color-inactive);
  --lawyer-input-border-width: 0;
  --lawyer-input-border-width-focus: 0;
  --lawyer-input-border-color: transparent;
  --lawyer-input-border-color-focus: var(--color-primary-100);
  --lawyer-input-border-color-disabled: var(--color-inactive);
  --lawyer-input-outline-focus: 1px solid var(--lawyer-input-border-color-focus);
  --lawyer-input-padding-y: 0.25rem;
  --lawyer-input-padding-x: 0.5rem;
  --lawyer-input-font-size: var(--text-sm);
  --lawyer-input-line-height: 1.15;
  --lawyer-input-font-weight: var(--font-weight-normal);
  --lawyer-input-border-radius: 0;
  --lawyer-input-min-height: var(--control-size-md);
  --lawyer-input-pad-left: var(--lawyer-input-padding-x);
  --lawyer-input-pad-right: var(--lawyer-input-padding-x);
  position: relative;
  width: 100%;
}
.input-box--has-icon {
  --lawyer-input-pad-left: var(--lawyer-input-min-height);
}
.input-box__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: var(--lawyer-input-min-height);
}
.input-box--has-actions {
  --lawyer-input-pad-right: var(--lawyer-input-min-height);
}
.input-box__icon {
  align-items: center;
  display: flex;
  justify-content: center;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: var(--lawyer-input-min-height);
}
.input-box--xs {
  --lawyer-input-font-size: var(--text-xs);
  --lawyer-input-min-height: var(--control-size-xs);
}
.input-box--sm {
  --lawyer-input-font-size: var(--text-sm);
  --lawyer-input-min-height: var(--control-size-sm);
}
.input-box--lg {
  --lawyer-input-font-size: var(--text-lg);
  --lawyer-input-min-height: var(--control-size-lg);
}
.input-box--ghost {
  --lawyer-input-bg-color: transparent;
  --lawyer-input-border-width: 0;
  --lawyer-input-border-radius: 4px;
  --lawyer-input-outline-focus: none;
  --lawyer-input-bg-color-focus: var(--lawyer-input-theme-bg-color-focus);
}
.input-box--outlined {
  --lawyer-input-border-width: 1px;
  --lawyer-input-border-width-focus: 1px;
  --lawyer-input-border-radius: 4px;
}
.input-box--quiet {
  --lawyer-input-border-width: 0 0 1px 0;
  --lawyer-input-border-radius: 4px 4px 0 0;
  --lawyer-input-outline-focus: none;
  --lawyer-input-border-width-focus: 0 0 2px 0;
}
.input-box--neutral {
  --lawyer-input-border-color: var(--color-neutral-400);
  --lawyer-input-border-color-focus: var(--color-neutral-700);
  --lawyer-input-theme-bg-color-focus: var(--color-neutral-100);
}
.input-box--primary {
  --lawyer-input-border-color: var(--color-primary-500);
  --lawyer-input-border-color-focus: var(--color-primary-500);
  --lawyer-input-theme-bg-color-focus: var(--color-primary-100);
}
.input-box--secondary {
  --lawyer-input-border-color: var(--color-secondary-500);
  --lawyer-input-border-color-focus: var(--color-secondary-500);
  --lawyer-input-theme-bg-color-focus: var(--color-secondary-100);
}
.input-box input[type=text],
.input-box input[type=number],
.input-box input[type=date],
.input-box input[type=email],
.input-box input[type=tel],
.input-box textarea,
.input-box select {
  background-color: var(--lawyer-input-bg-color);
  border-color: var(--lawyer-input-border-color);
  border-radius: var(--lawyer-input-border-radius);
  border-style: solid;
  border-width: var(--lawyer-input-border-width);
  box-sizing: border-box;
  color: var(--lawyer-input-text-color);
  cursor: pointer;
  font-size: var(--lawyer-input-font-size);
  font-weight: var(--lawyer-input-font-weight);
  line-height: var(--lawyer-input-line-height);
  min-height: var(--lawyer-input-min-height);
  padding: var(--lawyer-input-padding-y) var(--lawyer-input-pad-right) var(--lawyer-input-padding-y) var(--lawyer-input-pad-left);
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
  vertical-align: middle;
  width: 100%;
}
.input-box input[type=text]:focus, .input-box input[type=text]:focus-within,
.input-box input[type=number]:focus,
.input-box input[type=number]:focus-within,
.input-box input[type=date]:focus,
.input-box input[type=date]:focus-within,
.input-box input[type=email]:focus,
.input-box input[type=email]:focus-within,
.input-box input[type=tel]:focus,
.input-box input[type=tel]:focus-within,
.input-box textarea:focus,
.input-box textarea:focus-within,
.input-box select:focus,
.input-box select:focus-within {
  background-color: var(--lawyer-input-bg-color-focus);
  border-color: var(--lawyer-input-border-color-focus);
  border-width: var(--lawyer-input-border-width-focus);
  outline: var(--lawyer-input-outline-focus);
}
.input-box input[type=text]:disabled,
.input-box input[type=number]:disabled,
.input-box input[type=date]:disabled,
.input-box input[type=email]:disabled,
.input-box input[type=tel]:disabled,
.input-box textarea:disabled,
.input-box select:disabled {
  border-color: var(--lawyer-input-text-color-disabled);
  color: var(--lawyer-input-text-color-disabled);
  cursor: not-allowed;
  filter: grayscale(100%);
}
.input-box select {
  appearance: none;
  background-image: url("data:image/svg+xml;base64,PHN2ZyBzdHJva2U9ImN1cnJlbnRDb2xvciIgZmlsbD0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjAiIHZpZXdCb3g9IjAgMCAyNCAyNCIgaGVpZ2h0PSIxZW0iIHdpZHRoPSIxZW0iIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTE2LjI5MyA5LjI5MyAxMiAxMy41ODYgNy43MDcgOS4yOTNsLTEuNDE0IDEuNDE0TDEyIDE2LjQxNGw1LjcwNy01LjcwN3oiPjwvcGF0aD48L3N2Zz4=");
  background-position: calc(100% - 12px);
  background-repeat: no-repeat;
  background-size: 1rem;
  padding: 8px 2rem 8px var(--lawyer-input-pad-left);
}
.input-box textarea {
  padding: var(--lawyer-input-padding-x);
}.visually-hidden {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}.input-field {
  display: flex;
  flex-direction: column;
  font-size: var(--text-md);
  gap: 0.25rem;
}
.input-field__label {
  color: var(--color-neutral-900);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-bolder);
}
.input-field__description {
  color: var(--color-neutral-600);
  font-size: var(--text-sm);
  margin-left: 0.25rem;
}
.input-field__error {
  color: var(--color-danger-500);
  font-size: var(--text-sm);
  margin-left: 0.25rem;
}
.input-field--invalid * {
  --lawyer-input-border-color: var(--color-danger-500) !important;
}.lawyer-button {
  --lawyer-btn-bg-color: transparent;
  --lawyer-btn-bg-color-hover: var(--color-neutral-100);
  --lawyer-btn-text-color: var(--color-neutral-800);
  --lawyer-btn-text-color-hover: var(--color-neutral-900);
  --lawyer-btn-border-color: transparent;
  --lawyer-btn-border-color-hover: transparent;
  --lawyer-btn-padding-y: 0.25rem;
  --lawyer-btn-padding-x: 1rem;
  --lawyer-btn-font-size: calc(var(--text-md) - 2px);
  --lawyer-btn-icon-size: var(--text-md);
  --lawyer-btn-line-height: 1.15;
  --lawyer-btn-font-weight: var(--font-weight-bold);
  --lawyer-btn-border-radius: 4px;
  --lawyer-btn-min-height: var(--control-size-md);
  --lawyer-btn-min-width: 6rem;
  align-items: center;
  background-color: var(--lawyer-btn-bg-color);
  border: 1px solid var(--lawyer-btn-border-color);
  border-radius: var(--lawyer-btn-border-radius);
  color: var(--lawyer-btn-text-color);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--lawyer-btn-font-size);
  font-weight: var(--lawyer-btn-font-weight);
  gap: 0.25rem;
  justify-content: center;
  line-height: var(--lawyer-btn-line-height);
  min-height: var(--lawyer-btn-min-height);
  min-width: var(--lawyer-btn-min-width);
  padding: var(--lawyer-btn-padding-y) var(--lawyer-btn-padding-x);
  text-decoration: none;
  text-transform: uppercase;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out;
}
.lawyer-button--xs {
  --lawyer-btn-font-size: calc(var(--text-xs) - 2px);
  --lawyer-btn-icon-size: var(--text-xs);
  --lawyer-btn-min-height: var(--control-size-xs);
}
.lawyer-button--sm {
  --lawyer-btn-font-size: calc(var(--text-sm) - 2px);
  --lawyer-btn-icon-size: var(--text-sm);
  --lawyer-btn-min-height: var(--control-size-sm);
}
.lawyer-button--lg {
  --lawyer-btn-font-size: calc(var(--text-lg) - 6px);
  --lawyer-btn-icon-size: var(--text-lg);
  --lawyer-btn-min-height: var(--control-size-lg);
  --lawyer-btn-min-width: 12rem;
}
.lawyer-button.lawyer-button--ghost {
  --lawyer-btn-text-color: var(--color-neutral-800);
  --lawyer-btn-text-color-hover: var(--color-neutral-900);
  --lawyer-btn-text-color-disabled: var(--color-inactive);
}
.lawyer-button.lawyer-button--ghost.lawyer-button--primary {
  --lawyer-btn-text-color: var(--color-primary-500);
  --lawyer-btn-text-color-hover: var(--color-primary-800);
}
.lawyer-button.lawyer-button--ghost.lawyer-button--secondary {
  --lawyer-btn-text-color: var(--color-secondary-500);
  --lawyer-btn-text-color-hover: var(--color-secondary-800);
}
.lawyer-button.lawyer-button--ghost.lawyer-button--success {
  --lawyer-btn-text-color: var(--color-success-650);
  --lawyer-btn-text-color-hover: var(--color-success-500);
}
.lawyer-button.lawyer-button--ghost.lawyer-button--danger {
  --lawyer-btn-text-color: var(--color-danger-500);
  --lawyer-btn-text-color-hover: var(--color-danger-800);
}
.lawyer-button.lawyer-button--outlined {
  --lawyer-btn-text-color: var(--color-neutral-900);
  --lawyer-btn-text-color-hover: var(--color-neutral-750);
  --lawyer-btn-border-color: var(--color-neutral-500);
  --lawyer-btn-border-color-hover: var(--color-neutral-600);
  --lawyer-btn-bg-color: var(--color-white);
  --lawyer-btn-text-color-disabled: var(--color-inactive);
  --lawyer-btn-border-color-disabled: var(--color-inactive);
  --lawyer-btn-bg-color-disabled: var(--color-white);
}
.lawyer-button.lawyer-button--outlined.lawyer-button--primary {
  --lawyer-btn-bg-color-hover: tranparent;
  --lawyer-btn-text-color: var(--color-primary-500);
  --lawyer-btn-text-color-hover: var(--color-primary-800);
  --lawyer-btn-border-color: var(--color-primary-500);
  --lawyer-btn-border-color-hover: var(--color-primary-800);
}
.lawyer-button.lawyer-button--outlined.lawyer-button--secondary {
  --lawyer-btn-bg-color-hover: tranparent;
  --lawyer-btn-text-color: var(--color-secondary-500);
  --lawyer-btn-text-color-hover: var(--color-secondary-800);
  --lawyer-btn-border-color: var(--color-secondary-500);
  --lawyer-btn-border-color-hover: var(--color-secondary-800);
}
.lawyer-button.lawyer-button--outlined.lawyer-button--success {
  --lawyer-btn-bg-color-hover: tranparent;
  --lawyer-btn-text-color: var(--color-success-650);
  --lawyer-btn-text-color-hover: var(--color-success-500);
  --lawyer-btn-border-color: var(--color-success-650);
  --lawyer-btn-border-color-hover: var(--color-success-500);
}
.lawyer-button.lawyer-button--outlined.lawyer-button--danger {
  --lawyer-btn-bg-color-hover: tranparent;
  --lawyer-btn-text-color: var(--color-danger-500);
  --lawyer-btn-text-color-hover: var(--color-danger-800);
  --lawyer-btn-border-color: var(--color-danger-500);
  --lawyer-btn-border-color-hover: var(--color-danger-800);
}
.lawyer-button.lawyer-button--solid {
  --lawyer-btn-text-color: var(--color-neutral-900);
  --lawyer-btn-text-color-hover: var(--color-neutral-900);
  --lawyer-btn-border-color: var(--color-neutral-200);
  --lawyer-btn-bg-color: var(--color-neutral-200);
  --lawyer-btn-bg-color-hover: var(--color-neutral-400);
  --lawyer-btn-text-color-disabled: var(--color-white);
  --lawyer-btn-border-color-disabled: var(--color-inactive);
  --lawyer-btn-bg-color-disabled: var(--color-inactive);
}
.lawyer-button.lawyer-button--solid.lawyer-button--primary {
  --lawyer-btn-text-color: var(--color-white);
  --lawyer-btn-text-color-hover: var(--color-white);
  --lawyer-btn-border-color: var(--color-primary-500);
  --lawyer-btn-border-color-hover: var(--color-primary-800);
  --lawyer-btn-bg-color: var(--color-primary-500);
  --lawyer-btn-bg-color-hover: var(--color-primary-800);
}
.lawyer-button.lawyer-button--solid.lawyer-button--secondary {
  --lawyer-btn-text-color: var(--color-white);
  --lawyer-btn-text-color-hover: var(--color-white);
  --lawyer-btn-border-color: var(--color-secondary-500);
  --lawyer-btn-bg-color: var(--color-secondary-500);
  --lawyer-btn-bg-color-hover: var(--color-secondary-600);
}
.lawyer-button.lawyer-button--solid.lawyer-button--success {
  --lawyer-btn-text-color: var(--color-white);
  --lawyer-btn-text-color-hover: var(--color-white);
  --lawyer-btn-border-color: var(--color-success-650);
  --lawyer-btn-bg-color: var(--color-success-650);
  --lawyer-btn-bg-color-hover: var(--color-success-500);
}
.lawyer-button.lawyer-button--solid.lawyer-button--danger {
  --lawyer-btn-text-color: var(--color-white);
  --lawyer-btn-text-color-hover: var(--color-white);
  --lawyer-btn-border-color: var(--color-danger-500);
  --lawyer-btn-bg-color: var(--color-danger-500);
  --lawyer-btn-bg-color-hover: var(--color-danger-800);
}
@keyframes infinite-spinning {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.lawyer-button:hover, .lawyer-button:active {
  background-color: var(--lawyer-btn-bg-color-hover);
  border-color: var(--lawyer-btn-border-color-hover);
  color: var(--lawyer-btn-text-color-hover);
}
.lawyer-button:focus {
  outline: 1px solid var(--lawyer-btn-border-color-hover);
}
.lawyer-button:disabled {
  background-color: var(--lawyer-btn-bg-color-disabled);
  border-color: var(--lawyer-btn-border-color-disabled);
  color: var(--lawyer-btn-text-color-disabled);
  cursor: not-allowed;
  filter: grayscale(100%);
}
.lawyer-button:disabled:hover, .lawyer-button:disabled:active {
  background-color: var(--lawyer-btn-bg-color-disabled);
  border-color: var(--lawyer-btn-border-color-disabled);
  color: var(--lawyer-btn-text-color-disabled);
}
.lawyer-button--loading {
  color: transparent !important;
  position: relative;
}
.lawyer-button--loading * {
  color: transparent !important;
}
.lawyer-button--loading:hover, .lawyer-button--loading:hover * {
  color: transparent;
}
.lawyer-button--loading::after {
  animation: infinite-spinning 1s infinite linear;
  background-color: transparent;
  border-color: transparent var(--lawyer-btn-text-color) var(--lawyer-btn-text-color);
  border-radius: 50%;
  border-style: solid;
  border-width: 2px;
  bottom: 0;
  content: "";
  display: block;
  height: calc(var(--lawyer-btn-font-size) * var(--lawyer-btn-line-height));
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: calc(var(--lawyer-btn-font-size) * var(--lawyer-btn-line-height));
}
.lawyer-button__left-icon, .lawyer-button__right-icon {
  align-items: center;
  display: flex;
  justify-content: center;
}
.lawyer-button svg {
  font-size: var(--lawyer-btn-icon-size);
}.line-item {
  align-items: center;
  display: flex;
  flex-wrap: nowrap;
  gap: 1rem;
}
.line-item__icon {
  align-self: center;
  flex: none;
  line-height: 1;
  vertical-align: middle;
}
.line-item__label {
  flex: 1;
}
.line-item__actions {
  flex: none;
  margin-left: auto;
}.lawyer-text {
  --lawyer-text-color: var(--color-neutral-750);
  --lawyer-text-font-family: inherit;
  --lawyer-text-size: var(--text-md);
  --lawyer-text-line-height: 1.35;
  --lawyer-text-weight: var(--font-weight-normal);
  --lawyer-text-align: left;
  color: var(--lawyer-text-color);
  font-family: var(--lawyer-text-font-family);
  font-size: var(--lawyer-text-size);
  font-weight: var(--lawyer-text-weight);
  line-height: var(--lawyer-text-line-height);
  text-align: var(--lawyer-text-align);
}
.lawyer-text--sm {
  --lawyer-text-size: var(--text-sm);
}
.lawyer-text--md {
  --lawyer-text-size: var(--text-md);
}
.lawyer-text--lg {
  --lawyer-text-size: var(--text-lg);
}
.lawyer-text--xl {
  --lawyer-text-size: var(--text-xl);
}
.lawyer-text--bolder {
  --lawyer-text-weight: var(--font-weight-bolder);
}
.lawyer-text--bold {
  --lawyer-text-weight: var(--font-weight-bold);
}
.lawyer-text--neutral {
  --lawyer-text-color: var(--color-neutral-500);
}
.lawyer-text--primary {
  --lawyer-text-color: var(--color-primary-650);
}
.lawyer-text--secondary {
  --lawyer-text-color: var(--color-secondary-500);
}
.lawyer-text--danger {
  --lawyer-text-color: var(--color-danger-500);
}
.lawyer-text--left {
  --lawyer-text-align: left;
}
.lawyer-text--center {
  --lawyer-text-align: center;
}
.lawyer-text--right {
  --lawyer-text-align: right;
}
.lawyer-text--serif {
  --lawyer-text-font-family: serif;
}
.lawyer-text--monospace {
  --lawyer-text-font-family: ui-monospace,
    Menlo, Monaco,
    "Cascadia Mono", "Segoe UI Mono",
    "Roboto Mono",
    "Oxygen Mono",
    "Ubuntu Monospace",
    "Source Code Pro",
    "Fira Mono",
    "Droid Sans Mono",
    "Courier New", monospace;
}
.lawyer-text p {
  margin-bottom: 0;
  margin-top: 0;
}
.lawyer-text ul {
  margin-bottom: 0;
  margin-top: 0;
}.product-type {
  column-gap: 0.5rem;
  display: grid;
  grid-template-columns: 1.25rem 1fr;
}
.product-type__icon {
  grid-column-end: 2;
  grid-column-start: 1;
}
.product-type__icon svg {
  max-height: 1.25rem;
  max-width: 1.25rem;
}
.product-type__name {
  grid-column-end: 3;
  grid-column-start: 2;
}.lawyer-card {
  --card-box-shadow: 0 7px 14px 0 rgba(65, 69, 88, 0.1), 0 3px 6px 0 rgba(0, 0, 0, 0.07);
  background-color: var(--color-white);
  border-radius: 4px;
  box-shadow: var(--card-box-shadow);
}
.lawyer-card > *:first-child {
  border-radius: 4px 4px 0 0;
  overflow: hidden;
}
.lawyer-card > *:last-child {
  border-radius: 0 0 4px 4px;
  overflow: hidden;
}
.lawyer-card__head {
  border-bottom: 1px solid var(--color-neutral-200);
  margin: 0;
  padding: 1rem;
}
.lawyer-card__head--light {
  background-color: var(--color-neutral-100);
  border-width: 0;
}
.lawyer-card__head h1,
.lawyer-card__head h2,
.lawyer-card__head h3 {
  color: var(--color-neutral-750);
  margin: 0;
}
.lawyer-card__block {
  padding: 1rem;
}
.lawyer-card__block--light {
  background-color: var(--color-neutral-100);
}
.lawyer-card__block + .lawyer-card__block {
  padding-top: 0;
}.sidebar {
  min-height: 600px;
  position: relative;
}
.sidebar__aside {
  background-color: var(--color-white);
  border-left: 1px solid var(--color-neutral-200);
  height: 100%;
  min-width: 280px;
  overflow-y: auto;
  padding: 2rem 1rem;
  position: absolute;
  right: 0;
  top: 0;
  transition: width 0.5s;
  z-index: 1;
}
.sidebar__main {
  padding: 1rem;
}
@media screen and (min-width: 1600px) {
  .sidebar {
    align-items: stretch;
    display: grid;
    grid-template-columns: 1fr;
  }
  .sidebar--visible {
    grid-template-columns: minmax(600px, 1fr) minmax(280px, 25%);
  }
  .sidebar__aside {
    position: initial;
  }
}@keyframes colorAnimation {
  0% {
    background-image: linear-gradient(to right, var(--color-primary-500), var(--color-primary-100));
  }
  100% {
    background-image: linear-gradient(to right, var(--color-primary-100), var(--color-primary-500));
  }
}
.admin-table {
  --admin-table-border-color: var(--color-white);
  --admin-table-row-bg: var(--color-white);
  --admin-table-row-color: var(--color-neutral-750);
  --admin-table-striped-row-bg: var(--color-neutral-100);
  --admin-table-striped-row-color: var(--color-neutral-750);
  overflow: auto;
}
.admin-table table {
  border-collapse: collapse;
  border-color: var(--admin-table-border-color);
  vertical-align: top;
  width: 100%;
}
.admin-table th {
  font-weight: var(--font-weight-bold);
}
.admin-table th,
.admin-table td {
  padding: 0.75rem 0.5rem;
}
.admin-table th a,
.admin-table td a {
  color: inherit;
  font-weight: var(--font-weight-bolder);
}
.admin-table thead {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  vertical-align: bottom;
}
.admin-table thead tr {
  border-bottom: 2px solid var(--color-primary-500);
  color: var(--color-neutral-750);
  position: relative;
}
.admin-table tbody tr:not(:last-child) {
  border-bottom: 2px solid var(--admin-table-border-color);
}
.admin-table tbody tr:nth-child(even) {
  background-color: var(--admin-table-striped-row-bg);
  color: var(--admin-table-striped-row-color);
}
.admin-table tbody tr:nth-child(odd) {
  background-color: var(--admin-table-row-bg);
  color: var(--admin-table-row-color);
}
.admin-table__heading {
  align-items: center;
  display: flex;
  gap: 1rem;
}
.admin-table__heading--center {
  justify-content: center;
}
.admin-table__heading--right {
  justify-content: flex-end;
}
.admin-table__sort button {
  align-items: center;
  background: transparent;
  border-width: 0;
  color: var(--color-neutral-600);
  cursor: pointer;
  display: flex;
  height: 1rem;
  justify-content: center;
  width: 2rem;
}
.admin-table__sort--active button {
  color: var(--color-secondary-500);
}
.admin-table__cell--center {
  text-align: center;
}
.admin-table__cell--right {
  text-align: right;
}
.admin-table__cell-with-action {
  align-items: center;
  display: flex;
  gap: 0.625rem;
}
.admin-table__action-dot {
  background-color: var(--color-danger-500);
  border-radius: 50%;
  display: inline-block;
  flex-shrink: 0;
  height: var(--space-sm);
  width: var(--space-sm);
}/* stylelint-disable */
.input-row {
  display: flex;
  width: 100%;
  /* input */
  /* button */
}
.input-row__last {
  justify-content: flex-end;
}
.input-row__last .input-wrap {
  clear: both;
  display: block;
}
@media (min-width: 1025px) {
  .input-row__last .input-wrap {
    margin-left: 25px;
    margin-right: 0 !important;
  }
}
@media (max-width: 1024px) {
  .input-row .input-wrap {
    flex: 0 0 100%;
    margin-bottom: 30px;
  }
}
@media (min-width: 1025px) {
  .input-row .input-wrap {
    flex: 0 0 calc(50% - 25px);
  }
  .input-row .input-wrap:nth-child(even) {
    margin-left: 25px;
  }
  .input-row .input-wrap:nth-child(odd) {
    margin-right: 25px;
  }
}
.input-row-button-wrapper {
  text-align: right;
}
@media (max-width: 1024px) {
  .input-row {
    flex-direction: column;
  }
}
@media (min-width: 1025px) {
  .input-row {
    margin-bottom: 30px;
  }
}
.client-top-block {
  display: none;
}
@media (min-width: 1025px) {
  .client-top-block {
    align-items: flex-start;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
  }
}
.client-top__left .page-title {
  justify-content: flex-start;
}
@media (min-width: 1025px) {
  .client-top__left .page-title {
    margin-bottom: 28px;
  }
}
@media (min-width: 1025px) {
  .client-top__right {
    max-width: 280px;
    padding-left: 15px;
  }
}
@media (min-width: 1025px) {
  .client-bottom-block .has-message {
    margin-bottom: 12px;
  }
}
.client-bottom-block .has-message .note-message {
  margin-top: 0;
}
/* stylelint-enable */.audit-reports-table__row--ergo {
  --admin-table-row-bg: rgba(var(--rgb-ergo), 0.4);
  --admin-table-striped-row-bg: rgba(var(--rgb-ergo), 0.5);
}
.audit-reports-table__row--advocard {
  --admin-table-row-bg: rgba(var(--rgb-advocard), 0.4);
  --admin-table-striped-row-bg: rgba(var(--rgb-advocard), 0.5);
}
.audit-reports-table__row--immoscout {
  --admin-table-row-bg: rgba(var(--rgb-immoscout), 0.4);
  --admin-table-striped-row-bg: rgba(var(--rgb-immoscout), 0.5);
}
.audit-reports-table__row--allianz {
  --admin-table-row-bg: rgba(var(--rgb-allianz), 0.4);
  --admin-table-striped-row-bg: rgba(var(--rgb-allianz), 0.5);
}.lawyer-page {
  --page-bg-color: var(--color-neutral-100);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  transition: all 0.3s;
}
.lawyer-page * {
  box-sizing: border-box;
}
.lawyer-page__header {
  background-color: var(--color-white);
  flex: none;
  padding: 2rem;
}
.lawyer-page__header--stuck {
  box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.2);
  z-index: var(--z-index-sticky);
}
.lawyer-page__header h1,
.lawyer-page__header h2,
.lawyer-page__header h3 {
  margin: 0;
}
.lawyer-page__tabs {
  flex: none;
  padding-left: 2rem;
}
.lawyer-page__content {
  background-color: var(--page-bg-color);
  flex: 1;
  padding: 0.5rem;
}
@media screen and (min-width: 800px) {
  .lawyer-page__content {
    padding: 2rem;
  }
}
.lawyer-page__tabs ul {
  display: flex;
  flex-wrap: nowrap;
  gap: 0.5rem;
  list-style: none;
  margin: 0;
  overflow-x: auto;
  padding: 0;
  white-space: nowrap;
}
.lawyer-page__tabs__tab {
  align-items: center;
  border-bottom: 2px solid transparent;
  border-radius: 4px 4px 0 0;
  color: var(--color-neutral-750);
  cursor: pointer;
  display: inline-flex;
  font-size: var(--text-md);
  font-weight: bolder;
  padding: var(--space-sm) var(--space-md);
  text-decoration: none;
}
.lawyer-page__tabs__tab:hover {
  border-bottom-color: var(--color-primary-600);
}
.lawyer-page__tabs__tab--selected {
  border-bottom-color: var(--color-primary-500);
  color: var(--color-primary-600);
}
.lawyer-page__tabs__tab svg {
  flex: none;
  font-size: 1.3rem;
  margin-right: var(--space-sm);
}.choice-field {
  display: flex;
  flex-direction: column;
  font-size: var(--text-md);
  gap: 0.25rem;
}
.choice-field fieldset {
  border: 0;
  padding: 0;
}
.choice-field__label {
  color: var(--color-neutral-800);
  font-size: var(--text-sm);
  font-weight: var(--font-weight-bolder);
}
.choice-field__description {
  color: var(--color-neutral-600);
  font-size: var(--text-sm);
  margin-left: 0.25rem;
}
.choice-field__error {
  color: var(--color-danger-500);
  font-size: var(--text-sm);
  margin-left: 0.25rem;
}
.choice-field--invalid {
  --lawyer-input-border-color: var(--color-danger-500) !important;
}.radio {
  --input-radio-icon-color: var(--color-primary-500);
  --input-radio-border-color: var(--color-neutral-500);
  --input-radio-border-color-focus: var(--color-primary-800);
  --input-radio-text-color: var(--color-neutral-900);
  --input-radio-size: 18px;
  align-items: flex-start;
  color: var(--input-radio-text-color);
  display: flex;
  font-size: calc(var(--input-radio-size) - 4px);
  gap: var(--space-sm);
}
.radio__input {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid var(--input-radio-border-color);
  border-radius: 50%;
  box-sizing: border-box;
  display: inline-flex;
  flex: none;
  height: var(--input-radio-size);
  justify-content: center;
  vertical-align: top;
  width: var(--input-radio-size);
}
.radio:focus-within .radio__input {
  border-color: var(--input-radio-border-color-focus);
  outline: 1px solid var(--input-radio-border-color-focus);
}
.radio__indicator {
  background-color: var(--input-radio-icon-color);
  border-radius: 50%;
  display: inline-block;
  height: calc(var(--input-radio-size) / 1.5);
  width: calc(var(--input-radio-size) / 1.5);
}
.radio--sm {
  --input-radio-size: 16px;
}
.radio--lg {
  --input-radio-size: 26px;
}
.radio--neutral {
  --input-radio-icon-color: var(--color-neutral-600);
}
.radio--secondary {
  --input-radio-icon-color: var(--color-secondary-400);
}.safari_warning {
  font-size: 28px;
  line-height: 35px;
  padding: 30px 50px;
}.appointments-table__table, .appointments-table__header, .appointments-table__cell {
  border-bottom: 1px solid var(--color-neutral-600);
  border-collapse: collapse;
}
.appointments-table__header, .appointments-table__cell {
  padding: 0.5rem;
}
.appointments-table__table {
  color: var(--color-neutral-750);
  font-size: var(--text-md);
  width: 100%;
}.contact-details__container {
  color: var(--color-neutral-750);
  font-size: var(--text-md);
}.messages-list__message--container {
  border-bottom: 1px solid var(--color-neutral-600);
  color: var(--color-neutral-750);
  font-size: var(--text-md);
  padding: 1rem 0.5rem;
}
.messages-list__message--dates {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
}@media print {
  @page {
    margin: 15mm 10mm;
    size: A4;
  }
  html,
  body {
    height: 297mm;
    width: 210mm;
  }
  .mecl-navBar__navBar {
    display: none;
  }
}@media (max-width: 1024px) {
  .lawyer-client-navigation {
    margin: 30px 35px;
  }
}
@media (min-width: 1025px) {
  .lawyer-client-navigation {
    display: none;
  }
}
.lawyer-client-navigation ul {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.lawyer-client-navigation li {
  cursor: pointer;
  margin: 0 10px 10px;
  position: relative;
  text-align: center;
}
.lawyer-client-navigation li.active img {
  box-shadow: 0 0 15px 0 #228288;
}
.lawyer-client-navigation svg,
.lawyer-client-navigation img {
  border-radius: 50%;
  height: 54px;
  vertical-align: top;
  width: 54px;
}
.lawyer-client-navigation p {
  font-size: 14px;
  margin: 10px 0;
}
.mobile-avatar {
  margin-bottom: 30px;
  text-align: center;
}
.mobile-avatar img {
  vertical-align: top;
  width: 161px;
}
.mobile-avatar p {
  line-height: 1.39;
}
.mobile-avatar p.name {
  color: var(--color-neutral-750);
  font-size: 24px;
  font-weight: bold;
  margin: 20px 0 0;
}
.mobile-avatar p.membership {
  color: var(--color-neutral-750);
  font-size: 18px;
  margin: 0;
}
.lawyer-client-docs .subheading-text {
  margin-bottom: 8px;
}
.lawyer-client-docs i {
  display: block;
  margin-bottom: 50px;
}
.lawyer-notes {
  margin-bottom: 15px;
}
.lawyer-notes .subheading-text {
  margin-bottom: 32px;
}
.lawyer-notes textarea {
  border-radius: 2px;
  box-shadow: 0 0 2px 0 #9b9b9b;
  display: block;
  height: 150px;
  margin-bottom: 15px;
  padding: 15px;
  width: 100%;
}
.lawyer-notes .btn-wrap {
  text-align: right;
}
.lawyer-notes .btn-wrap .button {
  min-width: 140px;
}
.lawyer-client-detail-container .sort-table-wrap .subheading-text {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .lawyer-container {
    padding-bottom: 110px !important;
    position: relative;
  }
}
@media (min-width: 1025px) {
  .lawyer-container {
    padding-bottom: 30px;
  }
}
@media (max-width: 1024px) {
  .lawyer-container::after {
    background-color: #228288;
    bottom: 0;
    content: "";
    display: block;
    height: 80px;
    left: 0;
    position: absolute;
    right: 0;
  }
}
@media (max-width: 1024px) {
  .mob-visible {
    display: block;
  }
}
@media (max-width: 1024px) {
  .mob-hidden {
    display: none;
  }
}.tooltip__wrapper {
  position: relative;
  width: 100%;
}
.tooltip__wrapper:hover::after {
  background: #fff;
  border-color: #d9d9d9;
  border-radius: 3px;
  border-style: solid;
  border-width: 1px;
  bottom: 130%;
  color: var(--color-neutral-750);
  content: attr(data-tooltip);
  font-size: 0.9rem;
  font-weight: 500;
  left: 0;
  line-height: 0.9rem;
  opacity: 1;
  padding: 5px;
  position: absolute;
  text-align: left;
  width: 16rem;
}
@media (min-width: 767px) {
  .tooltip__wrapper:hover::after {
    width: 24rem;
  }
}.emailTemplatePreview__textArea {
  background-color: rgba(216, 216, 216, 0.69);
  border: 1px solid #9b9b9b;
  border-radius: 4px;
  font-size: 16px;
  height: 500px;
  margin-bottom: 40px;
  padding: 16px;
  width: 100%;
}
.emailTemplatePreview__content {
  display: flex;
  flex-direction: row;
  flex-grow: initial;
  justify-content: space-between;
  margin-top: 24px;
}
.emailTemplatePreview__button {
  margin: 0 24px;
}
.emailTemplatePreview__button span {
  color: #bf3041;
  cursor: pointer;
  font-size: 16px;
  line-height: 19px;
}.loader {
  align-items: center;
  background-color: rgba(255, 255, 255, 0.4);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1000;
}
.loader.loader--solid {
  background-color: rgb(255, 255, 255);
}/* stylelint-disable */
/* li item which contains users pdf */
.user-downloaded-pdf {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  flex-direction: column;
  position: relative;
  text-align: center;
  transition: 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  width: 100px;
  /* image */
  /* name */
  /* button delete item*/
}
.user-downloaded-pdf:hover {
  background-color: rgba(34, 130, 136, 0.5);
}
.user-downloaded-pdf:hover .user-downloaded-pdf__image {
  opacity: 0.5;
}
.user-downloaded-pdf:hover .user-downloaded-pdf__button-delete {
  display: block;
}
.user-downloaded-pdf__image {
  height: 40px;
  transition: 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  width: 30px;
}
.user-downloaded-pdf__name {
  color: var(--color-neutral-750);
  font-size: 12px;
  margin-bottom: 0;
  margin-top: 5px;
}
.user-downloaded-pdf__button-delete {
  background: transparent;
  border: 0;
  height: 22px;
  margin: 0;
  outline: 0;
  padding: 0;
  position: absolute;
  right: 10px;
  top: 0;
  width: 28px;
  z-index: 2;
}
@media (max-width: 1024px) {
  .user-downloaded-pdf__button-delete {
    display: block;
  }
}
@media (min-width: 1025px) {
  .user-downloaded-pdf__button-delete {
    display: none;
  }
}
.documents-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
/* stylelint-enable */.upload-letter-dropzone {
  cursor: pointer;
  padding: 10px;
  border-color: #d68832;
  border-radius: 2px;
  border-style: dashed;
  border-width: 1px;
}
.upload-letter-dropzone p {
  font-size: 16px;
  margin: 10px;
}
.upload-letter-dropzone .button {
  margin-top: 7px;
}
.upload-letter-dropzone__box-text {
  justify-self: start;
}
.upload-letter-dropzone__icons {
  justify-self: center;
}
.upload-letter-dropzone__grid {
  align-items: center;
  display: grid;
  grid-template-columns: 80px auto 80px;
}.upload-file-dropzone {
  cursor: pointer;
  padding: 10px;
  border-color: #9b9b9b;
  border-radius: 2px;
  border-style: dashed;
  border-width: 1px;
}
.upload-file-dropzone p {
  font-size: 16px;
  margin: 10px;
}
.upload-file-dropzone .button {
  margin-top: 7px;
}
.upload-file-dropzone__box-text {
  justify-self: start;
}
.upload-file-dropzone__icons {
  justify-self: center;
}
.upload-file-dropzone__grid {
  align-items: center;
  display: grid;
  grid-template-columns: 80px auto 80px;
}/* stylelint-disable */
.upload-popup {
  align-items: center;
  background: rgba(63, 63, 63, 0.3);
  bottom: 0;
  display: flex;
  justify-content: center;
  left: 0;
  overflow: auto;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 100;
  /* name of uploaded file area*/
  /* file upload form buttons wrapper */
}
@media (min-width: 767px) {
  .upload-popup {
    padding: 25px;
  }
}
.upload-popup .upload-form {
  background-color: #fff;
  border-radius: 2px;
  box-shadow: 0 2px 2px 0 rgba(63, 63, 63, 0.24), 0 0 2px 0 rgba(63, 63, 63, 0.12);
  position: relative;
  padding-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
}
@media (max-width: 1024px) {
  .upload-popup .upload-form {
    width: 80%;
  }
}
@media (min-width: 1025px) {
  .upload-popup .upload-form {
    width: 50%;
  }
}
.upload-popup .upload-file-dropzone {
  margin-bottom: 15px;
}
.upload-popup__filename {
  align-items: center;
  color: var(--color-neutral-750);
  display: flex;
  line-height: 1.56;
  margin-bottom: 20px;
  font-size: 18px;
  font-weight: bold;
}
.upload-popup__document-categories .select-wrap,
.upload-popup__document-categories .input-wrap {
  margin-bottom: 25px;
}
@media (min-width: 767px) {
  .upload-popup__document-categories .select-wrap,
  .upload-popup__document-categories .input-wrap {
    width: 60%;
  }
}
@media (max-width: 1024px) {
  .upload-popup__buttons-wrapper {
    margin-top: 60px;
  }
}
@media (min-width: 1025px) {
  .upload-popup__buttons-wrapper {
    margin-top: 70px;
  }
}
@media (max-width: 1024px) {
  .upload-popup__buttons-wrapper {
    text-align: center;
  }
  .upload-popup__buttons-wrapper .button {
    min-width: 115px;
    width: 115px;
  }
  .upload-popup__buttons-wrapper .button--brand {
    margin-right: 10px;
  }
}
@media (min-width: 1025px) {
  .upload-popup__buttons-wrapper {
    text-align: right;
  }
  .upload-popup__buttons-wrapper .button {
    min-width: 170px;
    width: 170px;
  }
  .upload-popup__buttons-wrapper .button--brand {
    margin-right: 20px;
  }
}
.upload-popup .mecl-button__button--color-secondary {
  margin-left: 10px;
}
@media (max-width: 425px) {
  .upload-popup .mecl-button__button--color-secondary {
    margin-left: 0;
    margin-top: 10px;
  }
}
.document-error {
  color: red;
  font-size: 16px;
  margin-top: 15px;
}
/* upload popup elements */
.upload-delete-button {
  background: inherit;
  border: 0;
  height: 22px;
  margin: 0;
  margin-left: 5px;
  outline: 0;
  overflow: hidden;
  padding: 0;
  transition: 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.upload-delete-button:hover {
  opacity: 0.7;
}
/* stylelint-enable */.add-documents__documents-list {
  padding: 0;
}
.add-documents__title {
  color: var(--color-neutral-750);
  font-family: Gudea;
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
}
@media (min-width: 1025px) {
  .file-attach {
    margin-bottom: 40px;
  }
}
@media (max-width: 1024px) {
  .file-attach .btn-wrap {
    text-align: center;
  }
}
@media (min-width: 1025px) {
  .file-attach .btn-wrap {
    text-align: right;
  }
}
@media (min-width: 1025px) {
  .dropzone-wrap {
    margin-bottom: 20px;
  }
}
.dropzone-wrap p {
  color: var(--color-neutral-750);
  font-size: 18px;
  line-height: 1.39;
  margin: 0 0 24px;
}
.mobile-upload-grid {
  align-items: center;
  display: grid;
  grid-template-columns: 60px auto;
}@media (min-width: 1025px) {
  .add-lawyer-documents {
    margin-bottom: 40px;
  }
}
.add-lawyer-documents__textarea {
  border-radius: 4px;
  margin-bottom: 40px;
  width: calc(100% - 33px) !important;
}
.add-lawyer-documents .subheading-text {
  margin-bottom: 15px;
}
.add-lawyer-documents .btn-wrap {
  margin-top: 30px;
  text-align: center;
}
.btn-wrap .button--purple {
  min-width: 152px;
}.lawyer-answer {
  margin-top: 30px;
}
.lawyer-answer h3 {
  color: var(--color-neutral-750);
  font-family: Gudea;
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
}
.lawyer-answer__choose-template {
  margin-bottom: 40px;
}.icon-button {
  --lawyer-icon-btn-size: var(--control-size-md);
  --lawyer-icon-btn-font-size: calc(var(--lawyer-icon-btn-size) - 4px);
  --lawyer-icon-btn-text-color: var(--color-neutral-800);
  align-items: center;
  background: transparent;
  border: 0;
  border-radius: var(--border-radius-xs);
  color: var(--lawyer-icon-btn-text-color);
  cursor: pointer;
  display: flex;
  font-size: var(--lawyer-icon-btn-font-size);
  height: var(--lawyer-icon-btn-size);
  justify-content: center;
  padding: 0;
  width: var(--lawyer-icon-btn-size);
}
.icon-button:hover, .icon-button:active {
  background-color: var(--color-neutral-200);
}
.icon-button--xs {
  --lawyer-icon-btn-size: var(--control-size-xs);
}
.icon-button--sm {
  --lawyer-icon-btn-size: var(--control-size-sm);
}
.icon-button--lg {
  --lawyer-icon-btn-size: var(--control-size-lg);
  --lawyer-icon-btn-min-width: 10rem;
}
.icon-button--primary {
  --lawyer-icon-btn-text-color: var(--color-primary-800);
}
.icon-button--secondary {
  --lawyer-icon-btn-text-color: var(--color-secondary-800);
}.editor-toolbar {
  background-color: var(--color-neutral-100);
  border-radius: var(--lawyer-input-border-radius) var(--lawyer-input-border-radius) 0 0;
  display: flex;
  position: sticky;
  top: 0;
  z-index: 50;
}
.editor-toolbar__button {
  color: var(--color-neutral-900);
  font-size: 1.2rem;
}
.editor-toolbar__button--active {
  color: var(--color-primary-500);
}
.editor-toolbar__group {
  display: flex;
  padding: 4px;
}
.editor-toolbar__group:not(:first-child) {
  border-left: 1px solid var(--color-neutral-300);
}.placeholder {
  background: var(--color-secondary-100);
  border-radius: 4px;
  color: var(--color-secondary-500);
  font-family: ui-monospace, Menlo, Monaco, "Cascadia Mono", "Segoe UI Mono", "Roboto Mono", "Oxygen Mono", "Ubuntu Monospace", "Source Code Pro", "Fira Mono", "Droid Sans Mono", "Courier New", monospace;
  font-weight: var(--font-weight-bold);
  padding-inline-end: 0.25rem;
  padding-inline-start: 0.25rem;
}
.placeholder--selected {
  outline: 1px solid var(--color-secondary-500);
}.editor-editable {
  font-size: 1rem;
  line-height: 1.2;
  max-height: 60vh;
  min-height: 80px;
  overflow: auto;
  padding: 1rem;
  position: relative;
}
.editor-editable > * {
  margin: 0;
}
.editor-editable > * + * {
  margin-top: 1rem;
}
.editor-editable h1 {
  font-size: var(--text-xl);
  font-weight: var(--font-weight-bold);
  line-height: normal;
}
.editor-editable h2 {
  font-size: var(--text-lg);
  font-weight: var(--font-weight-bold);
  line-height: normal;
}.editor {
  border: 1px solid var(--lawyer-input-border-color);
  border-radius: var(--lawyer-input-border-radius);
}.lawyer-heading {
  --heading-font-size: var(--text-display-5);
  --heading-color: var(--color-neutral-800);
  --heading-font-weight: var(--font-weight-bold);
  color: var(--heading-color);
  font-size: var(--heading-font-size);
  font-weight: var(--heading-font-weight);
  line-height: 1.25;
  margin: 0;
  text-decoration: none;
}
.lawyer-heading--sm {
  --heading-font-size: var(--text-display-6);
}
.lawyer-heading--lg {
  --heading-font-size: var(--text-display-4);
}
.lawyer-heading--xl {
  --heading-font-size: var(--text-display-3);
}
.lawyer-heading--2xl {
  --heading-font-size: var(--text-display-2);
}
.lawyer-heading--primary {
  --heading-color: var(--color-primary-500);
}
.lawyer-heading--secondary {
  --heading-color: var(--color-secondary-500);
}.template-picker__wrapper {
  margin-bottom: 2em;
}
.template-picker__toggle {
  cursor: pointer;
  margin-bottom: 0.5em;
}
.template-picker__list {
  border-color: var(--color-grey-200);
  border-radius: 4px;
  border-style: solid;
  border-width: 1px;
}
.template-picker__list-item {
  cursor: pointer;
  display: flex;
  justify-content: space-between !important;
}
.template-picker__list-item-name {
  align-items: center;
  display: flex;
  justify-content: flex-start;
}
.template-picker__arrow {
  margin-right: 0.5em;
  max-height: 0.8em;
  max-width: 0.8em;
}
.template-picker__arrow--open {
  rotate: 90deg;
}
.template-picker__counter {
  background-color: var(--color-primary-500);
  border-radius: 1em;
  border-width: 0;
  color: var(--color-white);
  min-width: 2em;
  text-align: center;
}
.template-picker__sub-list {
  padding-left: 1em !important;
}
.template-picker__sub-list-element {
  cursor: pointer;
}.lawyer-audit__wrapper h3 {
  color: var(--color-neutral-750);
  font-family: Gudea;
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
}
.lawyer-audit__wrapper textarea::-webkit-validation-bubble-message {
  display: none;
}
.lawyer-audit__submit {
  margin-bottom: 30px;
  text-align: center;
}
@media (min-width: 425px) {
  .lawyer-audit__submit {
    text-align: right;
  }
}
.lawyer-audit__choose-template {
  margin-bottom: 40px;
}
.lawyer-audit .error-message {
  color: #f00;
}
.lawyer-audit-section {
  margin-bottom: 30px;
}
.textarea {
  border: 1px solid #d3d3d3;
  border-radius: 2px;
  box-shadow: 0 0 2px 0 #9b9b9b;
  display: block;
  height: 150px;
  margin: 0;
  padding: 15px;
}
.textarea:focus {
  border: 2px solid #228288;
  outline: none !important;
}
.textarea::placeholder {
  color: var(--color-neutral-550);
}
.textarea--invalid {
  border: 1px solid #d50000;
}.information-message {
  margin-top: 30px;
}
.information-message h3 {
  color: var(--color-neutral-750);
  font-family: Gudea;
  font-size: 18px;
  font-weight: 700;
  margin-top: 0;
}.structured-text {
  font-size: 1rem;
  line-height: normal;
}
.structured-text > * {
  margin: 0;
}
.structured-text > * + * {
  margin-top: 0.5rem;
}
.structured-text__h1 {
  color: var(--color-neutral-800);
  font-size: 1.2rem;
  font-weight: bold;
}
.structured-text__h2 {
  color: var(--color-neutral-800);
  font-weight: bolder;
}.audit-report {
  font-size: 1rem;
  padding: 0.75rem 1rem;
}
.audit-report__toggle {
  align-items: center;
  color: var(--color-neutral-750);
  cursor: pointer;
  display: inline-flex;
  gap: 0.5rem;
}
.audit-report__toggle svg {
  font-size: 1.5rem;
}
.audit-report__heading {
  font-size: 1.1rem;
  font-weight: bold;
}.lawyer-dialog__backdrop {
  align-items: center;
  background-color: rgba(139, 144, 167, 0.5);
  bottom: 0;
  display: flex;
  height: 100%;
  justify-content: center;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: var(--z-index-backdrop);
}
.lawyer-dialog__dialog {
  --dialog-width: 600px;
  background-color: transparent;
  border-width: 0;
  display: flex;
  flex-direction: column;
  height: auto;
  margin: auto;
  max-height: calc(100vh - 4rem);
  max-width: calc(100vw - 4rem);
  overflow: hidden;
  padding: 0;
  width: var(--dialog-width);
}
.lawyer-dialog__dialog--sm {
  --dialog-width: 480px;
}
.lawyer-dialog__dialog--lg {
  --dialog-width: 960px;
}
.lawyer-dialog__card {
  max-height: calc(100vh - 4rem);
  overflow-y: auto;
  position: relative;
}
.lawyer-dialog__header {
  background: var(--color-white);
  position: sticky;
  top: 0;
  z-index: var(--z-index-sticky);
}.notifications {
  bottom: var(--space-md);
  display: flex;
  flex-direction: column-reverse;
  left: var(--space-md);
  margin: auto;
  pointer-events: auto;
  position: fixed;
  right: var(--space-md);
  width: calc(100% - 2 * var(--space-md)) !important;
  z-index: var(--z-index-alert);
}
@media (min-width: 766px) {
  .notifications {
    right: auto;
    width: 25rem !important;
  }
}.missed-phone-appointment-form__button-group {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 2em;
}.missed-phone-appointment__button {
  width: fit-content;
}.check-icon {
  background-color: var(--color-grey-700);
  border-radius: 50%;
}
@media (min-width: 1025px) {
  .check-icon {
    margin-right: 8px;
  }
}
.check-icon--small {
  max-height: 14px;
  max-width: 14px;
}
.check-icon--standard {
  max-height: 20px;
  max-width: 20px;
}
.check-icon--medium {
  max-height: 36px;
  max-width: 36px;
}
.check-icon--large {
  max-height: 48px;
  max-width: 48px;
}
.check-icon polyline {
  stroke: var(--color-grey-150);
}.power-of-attorney-request__wrapper {
  align-items: center;
  background: var(--color-secondary-500);
  border-radius: 20px;
  color: var(--color-white);
  cursor: pointer;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 42px;
  justify-content: space-between;
  margin: 10px 0;
  padding: 0 18px;
}
@media (min-width: 1025px) {
  .power-of-attorney-request__wrapper {
    flex-direction: row-reverse;
    justify-content: flex-end;
  }
}
.power-of-attorney-request__wrapper--disabled {
  background: #f2f2f2;
  color: var(--color-neutral-750);
  cursor: default;
}.result-page-link {
  background-color: var(--color-neutral-50);
  border-radius: 1.25rem;
  padding: var(--space-sm) var(--space-md);
}.mecl-clauses__avatar-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
@media (max-width: 424px) {
  .mecl-clauses__avatar-wrapper {
    display: none;
  }
}
.mecl-clauses__clause {
  display: inline-block;
}
.mecl-clauses__clause-box-wrapper {
  display: flex;
}
.mecl-clauses__paragraph {
  display: inline;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-align: left;
}
.mecl-clauses__paragraph--add-template-button {
  color: #228288;
  cursor: pointer;
  margin-left: 4px;
  text-decoration: underline;
}
.mecl-clauses__clause-box {
  border-radius: 5px;
  position: relative;
  width: 100%;
}
.mecl-clauses__clause-box--ineffective-text {
  color: #bf3041;
  margin-right: 4px;
}
.mecl-clauses__clause-box--message {
  border: 2px solid #d8d8d8;
  justify-content: center;
  margin: 0 0 5px 37px;
  order: 1;
  padding: 0 27px 0 24px;
  width: 100%;
}
@media (max-width: 424px) {
  .mecl-clauses__clause-box--message {
    margin-left: 0;
  }
}
.mecl-clauses__clause-box--message--ineffective {
  border: 2px solid #bf3041;
}
.mecl-clauses__clause-box--message--clickable {
  cursor: pointer;
}
.mecl-clauses__clause-box--opening {
  color: #228288;
  font-weight: bold;
}
.mecl-clauses__clause-box--toggle-text {
  cursor: pointer;
  text-decoration: underline;
}
.mecl-clauses__clause-box--toggle-text:hover {
  color: var(--color-neutral-550);
}
.mecl-clauses__clause-box--message::after, .mecl-clauses__clause-box--message::before {
  border-style: solid;
  border-width: 28px;
  bottom: 0;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
}
.mecl-clauses__clause-box--message::after {
  border-color: transparent transparent #fff transparent;
  margin-left: -24px;
}
.mecl-clauses__clause-box--message::before {
  border-color: transparent transparent #d8d8d8;
  margin-bottom: -2px;
  margin-left: -29px;
}
.mecl-clauses__clause-box--message--ineffective::before {
  border-color: transparent transparent #bf3041;
  margin-bottom: -2px;
  margin-left: -29px;
}
.mecl-clauses__header {
  margin: 22px 0;
}
.mecl-clauses__arrow {
  cursor: pointer;
}
.mecl-clauses__arrow:hover {
  cursor: pointer;
}
.mecl-clauses__arrow--up {
  transform: rotate(180deg);
}.suggest-phone-appointment-form__button-group {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  margin-top: 2em;
}.suggest-phone-appointment__button {
  width: fit-content;
}.ai-result__result-category {
  font-size: 14px;
}
.ai-result__text {
  font-size: 14px;
  line-height: 17px;
  margin: 0;
}
.ai-result__text--description {
  padding: 1rem 0;
}.results-table table {
  border-collapse: collapse;
  font-size: 14px;
  line-height: 17px;
  table-layout: fixed;
  width: 100%;
  word-wrap: break-word;
}
.results-table tbody td {
  border-bottom: #d8d8d8 1px solid;
}
.results-table th {
  color: var(--color-neutral-750);
  font-weight: normal;
  line-height: 14px;
  text-align: right;
  white-space: pre;
}
.results-table th,
.results-table td {
  padding: 0.25rem 0.5rem;
}.highlighted-result--ok {
  color: #4dcd3f;
}
.highlighted-result--not-ok {
  color: #e12f43;
}.benchmark-deviations-check-results__table th,
.benchmark-deviations-check-results__table td {
  text-align: right;
  width: 10%;
}
.benchmark-deviations-check-results__table th:nth-child(1),
.benchmark-deviations-check-results__table td:nth-child(1) {
  text-align: left;
  width: 20%;
}
.benchmark-deviations-check-results__table th:nth-child(2),
.benchmark-deviations-check-results__table td:nth-child(2) {
  text-align: center;
  width: 15%;
}.invoice-items-check-results__table th:nth-child(1),
.invoice-items-check-results__table td:nth-child(1) {
  text-align: left;
  width: 20%;
}
.invoice-items-check-results__table th:nth-child(2),
.invoice-items-check-results__table td:nth-child(2) {
  text-align: center;
  width: 15%;
}
.invoice-items-check-results__table th:nth-child(3),
.invoice-items-check-results__table td:nth-child(3) {
  text-align: right;
  width: 20%;
}
.invoice-items-check-results__table th:nth-child(4),
.invoice-items-check-results__table td:nth-child(4) {
  text-align: right;
  width: 20%;
}.invoice-items-check-results__toggle {
  cursor: pointer;
  margin-left: 0.5em;
  text-decoration: underline;
}.utility-bill-ai-check-results__no-result-animation {
  width: 7rem;
}
.utility-bill-ai-check-results__no-result-text {
  margin-bottom: 0.75rem;
}
.utility-bill-ai-check-results__no-result-title {
  font-family: Gudea;
  font-size: 1.125rem;
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 1.6875rem */
  color: var(--color-neutral-750);
}
.utility-bill-ai-check-results__no-result-description {
  font-family: Gudea;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 150%; /* 1.5rem */
  color: var(--color-neutral-750);
}
.utility-bill-ai-check-results .mecl-avatar__avatar {
  background-color: var(--color-neutral-50);
  border: unset;
}@media (max-width: 1024px) {
  .dialog-item {
    padding-bottom: 45px;
  }
}
@media (min-width: 1025px) {
  .dialog-item {
    padding-bottom: 90px;
  }
}
.dialog-item__customer, .dialog-item__lawyer {
  margin-bottom: 60px;
}
.dialog-item__customer .mecl-document__file-name, .dialog-item__lawyer .mecl-document__file-name {
  color: var(--color-neutral-750);
}
.dialog-item-box {
  background: #fff;
  border: 1px solid #d8d8d8;
  padding: 35px;
  padding-bottom: 15px;
}
.dialog-item__request-upgrade-btn {
  align-items: center;
  display: flex;
  justify-content: flex-end;
  padding: 37px 0;
}
@media (max-width: 1024px) {
  .dialog-item__request-upgrade-btn {
    justify-content: center;
  }
}
.dialog-item .button-back .dialog-item__back-button__arrow {
  margin-right: 12px;
  width: 12px;
}
.dialog-item-tabs__list {
  border-bottom: 4px solid #228288;
  border-radius: 4px 4px 0 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  overflow: visible;
  padding: 0;
}
.dialog-item-tabs__list-item {
  align-items: center;
  background-color: #f2f2f2;
  color: var(--color-neutral-750);
  cursor: pointer;
  display: flex;
  flex-basis: 0;
  flex-grow: 1;
  font-size: 18px;
  font-weight: 700;
  justify-content: center;
  padding-bottom: 12px;
  padding-top: 15px;
  text-align: center;
}
.dialog-item-tabs__list-item--selected {
  background-color: #228288;
  color: #fff;
}
.dialog-item-tabs__list-item--disabled {
  background-color: #e9ecef;
  color: var(--color-neutral-400);
}
.documents-list {
  margin-top: 15px;
}
.documents-list__item {
  padding-right: 20px;
  width: auto;
}.request-upgrade__button {
  display: inline-block;
  margin-right: 37px;
}
@media (max-width: 766px) {
  .request-upgrade__button {
    display: block;
    margin-bottom: 15px;
    margin-right: 0;
  }
}@media (max-width: 1024px) {
  .mecl-portal-page__background {
    flex: 2 !important;
  }
}
.mecl-navBar__restContent {
  overflow: inherit !important;
}
.profile-box__wrapper {
  align-content: flex-end;
  color: #404040;
  display: grid;
  font-family: Gudea;
  font-size: 16px;
  grid-gap: 25px;
  grid-template-columns: auto;
  line-height: 19px;
  min-width: 278px;
  padding: 58px 18px 18px;
  position: sticky;
  top: 0;
}
@media (max-width: 1024px) {
  .profile-box__wrapper {
    min-width: 232px;
  }
}
@media (max-width: 766px) {
  .profile-box__wrapper {
    min-width: 278px;
    padding-top: 0;
  }
}
.profile-box__wrapper .request-upgrade__button {
  margin: auto;
}
.profile-box__customer-name {
  font-size: 28px;
  font-weight: 800;
  line-height: 36px;
  text-align: center;
}
@media (max-width: 766px) {
  .profile-box__customer-name {
    display: none;
  }
}
.profile-box__product-wrapper {
  font-size: 21px;
  line-height: 30px;
  text-align: center;
  vertical-align: middle;
}
.profile-box__product-wrapper div {
  display: inline-block;
  vertical-align: middle;
}
.profile-box__product-wrapper img {
  vertical-align: middle;
}
.profile-box__product-label {
  display: inline-block;
  margin-left: 6px;
  vertical-align: middle;
}
.profile-box__product-basis {
  color: #228288;
}
.profile-box__product-pro {
  color: #770358;
}
.profile-box__product-premium {
  color: #d68832;
}
.profile-box__product-ergo {
  color: #ba122b;
}
.profile-box__product-advocard-ai-checks {
  color: #010101;
}
.profile-box__product-advocard {
  color: #7ab800;
}
.profile-box__mitglied-wrapper {
  display: grid;
  grid-template-columns: auto auto;
}
.profile-box__mitglied-label {
  margin-bottom: 15px;
}
.profile-box__mitglied-value {
  font-weight: 800;
  margin-left: auto;
}
.profile-box__contact-wrapper {
  align-items: center;
  display: grid;
  grid-row-gap: 7px;
  grid-template-columns: 20% auto;
  grid-template-rows: 35px;
}
.profile-box__link {
  color: var(--color-neutral-750);
}
.profile-box__letter-request-wrapper {
  border-radius: 4px;
  box-shadow: 0 1px 8px 0 rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: grid;
  grid-row-gap: 7px;
  grid-template-columns: 80% auto;
  max-width: 278px;
  padding: 17px;
}
.profile-box__textarea {
  border-radius: 4px;
}
.profile-box__textarea:focus {
  border: 2px solid #228288;
  outline: none !important;
}
.letter-request-icon {
  justify-self: end;
}.messages-page__wrapper {
  background-color: #f9f9f9;
  color: var(--color-neutral-750);
  display: flex;
}
@media (max-width: 424px) {
  .messages-page__wrapper {
    padding-top: 64px;
  }
}
@media (max-width: 767px) {
  .messages-page__profile-box-wrapper {
    display: none;
  }
}
.messages-page__wrapper .mecl-portal-page__page-wrapper {
  margin-right: 0 !important;
  max-width: 1030px !important;
  padding: 16px !important;
}
@media (min-width: 1025px) {
  .messages-page__wrapper .mecl-portal-page__page-wrapper {
    margin-left: 1vw !important;
  }
}
@media (min-width: 1280px) {
  .messages-page__wrapper .mecl-portal-page__page-wrapper {
    margin-left: 3vw !important;
  }
}
.messages-page__wrapper .mecl-portal-page__background {
  max-width: 1100px !important;
  width: 100% !important;
}
@media (max-width: 1025px) {
  .messages-page__wrapper .mecl-portal-page__page-wrapper .modernChat__wrapper,
  .messages-page__wrapper .mecl-portal-page__page-wrapper .mecl-comment__wrapper {
    width: 100% !important;
  }
}
.collapsible-profile-box__wrapper {
  left: 0;
  position: fixed;
  top: 55px;
  width: 100%;
  z-index: 10;
}
@media (min-width: 767px) {
  .collapsible-profile-box__wrapper {
    display: none;
  }
}/* stylelint-disable */
.tips-wrapper {
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .tips-wrapper {
    justify-content: center;
    margin-bottom: 30px;
    margin-top: 30px;
  }
}
@media (min-width: 1025px) {
  .tips-wrapper {
    justify-content: center;
    max-width: 700px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 80px;
  }
}
/*
 * Tip component
 */
.tip-component {
  text-align: center;
  flex-grow: 0;
  flex-shrink: 0;
  /* link */
  /* image */
  /* title */
  /* text */
  /*
   * @TODO
   * Modification for vertical view on mobile on tipps-page
   */
  /* Modification for visible tip on mobile */
}
.tip-component__link {
  display: inline-block;
  text-decoration: none;
  width: 180px;
}
@media (max-width: 766px) {
  .tip-component__link {
    width: 100%;
  }
}
@media (min-width: 767px) {
  .tip-component__link {
    width: 180px;
  }
}
.tip-component__image {
  display: inline-block;
  height: 106px;
  width: 106px;
}
@media (max-width: 1024px) {
  .tip-component__image {
    margin-bottom: 10px;
  }
}
@media (min-width: 1025px) {
  .tip-component__image {
    margin-bottom: 15px;
  }
}
.tip-component__title, .tip-component__text {
  color: var(--color-neutral-750);
  margin: 0;
}
.tip-component__title {
  line-height: 1.17;
  font-size: 18px;
  font-weight: bold;
}
.tip-component__text {
  font-size: 15px;
  line-height: 1.4;
}
@media (max-width: 1024px) {
  .tip-component--horizontal-mobile {
    flex: 0 0 100%;
  }
  .tip-component--horizontal-mobile .tip-component__link {
    display: flex;
    width: 100%;
  }
  .tip-component--horizontal-mobile .tip-component__info {
    max-width: calc(100% - 131px);
  }
  .tip-component--horizontal-mobile:nth-child(even) {
    text-align: right;
  }
  .tip-component--horizontal-mobile:nth-child(even) .tip-component__link {
    flex-direction: row-reverse;
  }
  .tip-component--horizontal-mobile:nth-child(even) .tip-component__image {
    margin-left: 25px;
  }
  .tip-component--horizontal-mobile:nth-child(odd) {
    text-align: left;
  }
  .tip-component--horizontal-mobile:nth-child(odd) .tip-component__image {
    margin-right: 25px;
  }
}
@media (min-width: 1025px) {
  .tip-component--visible-mobile {
    display: none;
  }
}
@media (max-width: 1024px) {
  .tip-component {
    flex-basis: calc(50% - 10px);
    margin: 0 5px 15px;
  }
}
@media (min-width: 1025px) {
  .tip-component {
    flex-basis: 180px;
    margin-bottom: 35px;
    margin-left: 20px;
    margin-right: 20px;
  }
}
/* stylelint-enable *//*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

/* Document
   ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */

html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
   ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

main {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
  background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
  border-style: none;
}

/* Forms
   ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
  text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */

legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
  display: list-item;
}

/* Misc
   ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
  display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
  display: none;
}

* {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
/* h1 style */
.heading-1 {
  color: #1a8289;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.5px;
  margin: 0;
}
/* h2 style */
.heading-2 {
  color: #1a8289;
  font-size: 24px;
  text-align: center;
}
/* page title (h1) */
.page-title {
  display: flex;
}
.page-title .button {
  align-self: center;
  flex: 0 0 190px;
}
@media (max-width: 1024px) {
  .page-title {
    justify-content: center;
    margin-bottom: 26px;
  }
}
@media (min-width: 1025px) {
  .page-title {
    justify-content: space-between;
    margin-bottom: 40px;
  }
}
/* auth page headings*/
.auth-heading-1 {
  font-size: 32px;
  font-weight: 400;
  line-height: 1.25;
}
.auth-heading-2 {
  font-size: 30px;
  font-weight: 400;
  line-height: 1.25;
}
/* under page title text */
.subheading-text {
  color: var(--color-neutral-750);
  margin: 0;
}
@media (max-width: 1024px) {
  .subheading-text {
    font-size: 22px;
    line-height: 1.23;
  }
}
@media (min-width: 1025px) {
  .subheading-text {
    font-size: 18px;
    line-height: 1.39;
  }
}
/* block-title (h4) */
.inner-block-title {
  color: var(--color-neutral-750);
  line-height: 1.56;
  text-align: left;
  margin-bottom: 15px;
  margin-top: 33px;
  font-size: 18px;
  font-weight: bold;
}@keyframes react-loading-skeleton {
  100% {
    transform: translateX(100%);
  }
}

.react-loading-skeleton {
  --base-color: #ebebeb;
  --highlight-color: #f5f5f5;
  --animation-duration: 1.5s;
  --animation-direction: normal;
  --pseudo-element-display: block; /* Enable animation */

  background-color: var(--base-color);

  width: 100%;
  border-radius: 0.25rem;
  display: inline-flex;
  line-height: 1;

  position: relative;
  user-select: none;
  overflow: hidden;
  z-index: 1; /* Necessary for overflow: hidden to work correctly in Safari */
}

.react-loading-skeleton::after {
  content: ' ';
  display: var(--pseudo-element-display);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-repeat: no-repeat;
  background-image: linear-gradient(
    90deg,
    var(--base-color),
    var(--highlight-color),
    var(--base-color)
  );
  transform: translateX(-100%);

  animation-name: react-loading-skeleton;
  animation-direction: var(--animation-direction);
  animation-duration: var(--animation-duration);
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@media (prefers-reduced-motion) {
  .react-loading-skeleton {
    --pseudo-element-display: none; /* Disable animation */
  }
}

:root {
  --color-white: #fff;
  --color-black: #212222;

  --color-grey-100: #f9f9f9;
  --color-grey-120: #faf9f9;
  --color-grey-150: #f2f2f2;
  --color-grey-200: #e9e9e9;
  --color-grey-300: #d8d8d8;
  --color-grey-400: #c2c2c2;
  --color-grey-500: #9b9b9b;
  --color-grey-600: #4a4a4a;
  --color-grey-700: #404040;

  --color-inactive: #ccc;

  --color-primary-50: #e9f3f4;
  --color-primary-100: #e8f2f3;
  --color-primary-200: #90c0c3;
  --color-primary-300: #64a7ab;
  --color-primary-400: #388e93;
  --color-primary-500: #228288;
  --color-primary-600: #1e757a;
  --color-primary-650: #228288;
  --color-primary-700: #175b5f;
  --color-primary-800: #114144;
  --color-primary-850: #005055;
  --color-primary-900: #0a2728;

  --color-secondary-100: #f1e5ee;
  --color-secondary-200: #d6b3cc;
  --color-secondary-300: #bb81ab;
  --color-secondary-400: #9f4e8a;
  --color-secondary-500: #770358;
  --color-secondary-600: #6b024f;
  --color-secondary-700: #5f0246;
  --color-secondary-750: #770358;
  --color-secondary-800: #470134;
  --color-secondary-900: #23001a;

  --color-neutral-20: #f9f9f9;
  --color-neutral-50: #f2f2f2;
  --color-neutral-100: #f6f6f6;
  --color-neutral-150: #d8d8d8;
  --color-neutral-200: #e4e6e6;
  --color-neutral-300: #d2d6d6;
  --color-neutral-400: #c0c5c6;
  --color-neutral-500: #a6adae;
  --color-neutral-550: #737373;
  --color-neutral-600: #959b9c;
  --color-neutral-700: #747979;
  --color-neutral-750: #404040;
  --color-neutral-800: #535657;
  --color-neutral-900: #313334;

  --color-danger-200: #eaaeb5;
  --color-danger-500: #bf3141;
  --color-danger-800: #a50000;

  --color-success-200: #aeeab9;
  --color-success-500: #34ca51;
  --color-success-650: #238736;
  --color-success-800: #172619;

  --color-info-200: #9be7fd;
  --color-info-800: #0b2242;

  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;
  --space-2xl: 3rem;
  --space-3xl: 4rem;
  --space-4xl: 5rem;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;

  --border-radius-xs: 0.25rem;
  --border-radius-sm: 0.5rem;
  --border-radius-smd: 0.75rem;
  --border-radius-md: 1rem;
  --border-radius-lg: 1.5rem;
  --border-radius-xl: 2rem;

  --text-display-1: 2.75rem;
  --text-display-2: 2.25rem;
  --text-display-3: 1.75rem;
  --text-display-4: 1.5rem;
  --text-display-5: 1.25rem;
  --text-display-6: 1.15rem;

  --line-height-dense: 0.8;
  --line-height-normal: 1;
  --line-height-loose: 1.2;

  --font-weight-normal: 400;
  --font-weight-bolder: 400;
  --font-weight-bold: 700;
  --font-weight-black: 700;

  --control-size-xs: 1.5rem;
  --control-size-sm: 1.75rem;
  --control-size-md: 2.25rem;
  --control-size-lg: 3rem;

  --z-index-sticky: 110;
  --z-index-backdrop: 120;
  --z-index-dialog: 130;
  --z-index-popup: 140;
  --z-index-alert: 200;
}

:root {
  --rgb-ergo: 115, 232, 206;
  --color-ergo-500: rgb(var(--rgb-ergo));

  --rgb-advocard: 220, 174, 210;
  --color-advocard-500: rgb(var(--rgb-advocard));

  --rgb-immoscout: 214, 136, 50;
  --color-immoscout-500: rgb(var(--rgb-immoscout));

  --rgb-allianz: 47, 186, 75;
  --color-allianz-500: rgb(var(--rgb-allianz));
}

html {
  color: var(--color-neutral-750);
}

body {
  color: var(--color-neutral-750);
}

.mecl-comment__content {
  white-space: pre-wrap !important;
}:root {
  --space-xs: 0.25rem;
  --space-sm: 0.5rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.25rem;
  --space-2xl: 4rem;
  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-md: 1rem;
  --text-lg: 1.25rem;
  --text-xl: 1.5rem;
  --text-display-1: 3rem;
  --text-display-2: 2.5rem;
  --text-display-3: 2rem;
  --text-display-4: 1.75rem;
  --text-display-5: 1.5rem;
  --text-display-6: 1rem;
  --line-height-dense: 0.8;
  --line-height-normal: 1;
  --line-height-loose: 1.2;
}