#customtheme-login-container {
  display: grid;
  grid-gap: 0px 30px;
}
#customtheme-login-container #customtheme-login-form-text-container,
#customtheme-login-container #customtheme-login-form,
#customtheme-login-container #customtheme-login-form-button-container,
#customtheme-login-container #customtheme-registration-form-text-container,
#customtheme-login-container #customtheme-registration-form,
#customtheme-login-container #customtheme-registration-form-button-container {
  background-color: rgba(1,97,60,0.1);
  padding-left: 35px;
  padding-right: 35px;
}
#customtheme-login-container #customtheme-login-form-text-container {
  grid-column: 1;
  grid-row: 1;
  padding-top: 35px;
}
#customtheme-login-container #customtheme-login-form {
  grid-column: 1;
  grid-row: 2;
}
#customtheme-login-container #customtheme-login-form-button-container {
  grid-column: 1;
  grid-row: 3;
  padding-bottom: 35px;
  transition: all ease 0.3s;
}
#customtheme-login-container #customtheme-registration-form-text-container {
  grid-column: 2;
  grid-row: 1;
  padding-top: 35px;
}
#customtheme-login-container #customtheme-registration-form {
  grid-column: 2;
  grid-row: 2;
  transition: all ease 0.3s;
}
#customtheme-login-container #customtheme-registration-form.collapsed div {
  height: 0;
  overflow: hidden;
}
#customtheme-login-container #customtheme-registration-form-button-container {
  grid-column: 2;
  grid-row: 3;
  padding-bottom: 35px;
  transition: all ease 0.3s;
}
@media (max-width: 660px) {
  #customtheme-login-container #customtheme-registration-form-text-container {
    margin-top: 30px;
    grid-column: 1;
    grid-row: 4;
  }
  #customtheme-login-container #customtheme-registration-form {
    grid-column: 1;
    grid-row: 5;
  }
  #customtheme-login-container #customtheme-registration-form-button-container {
    grid-column: 1;
    grid-row: 6;
  }
  #customtheme-login-container a.customtheme-login-reset-password {
    margin-bottom: 1.5rem;
    display: inline-block;
  }
}
#customtheme-login-container .sugar {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}
#customtheme-login-container input {
  margin-bottom: 1.5rem;
  height: 3rem;
}
#customtheme-login-container .styled-button {
  margin-top: 0.75rem;
}
#customtheme-login-container .styled-button.hidden {
  display: none;
}
#customtheme-login-container input.login-form-invalid-field {
  border: 1px solid red;
}
#customtheme-login-container label:has(input.login-form-invalid-field) {
  color: red;
}
#customtheme-login-container label {
  display: inline-block;
  margin-bottom: 0.35rem;
  width: 100%;
}
#customtheme-login-container .customtheme-login-form-message,
#customtheme-login-container .customtheme-login-form-error-message {
  margin-top: 1.5rem;
  transition: all 0.3s ease;
}
#customtheme-login-container .customtheme-login-form-message.hidden,
#customtheme-login-container .customtheme-login-form-error-message.hidden {
  margin: 0;
  visibility: hidden;
}
#customtheme-login-container .customtheme-login-form-error-message {
  color: red;
}
#login h1 a,
.login h1 a {
  background-image: url('https://www.tiersuchzentrale.at/wp-content/uploads/2024/12/Tiersuchzentrale_Oesterreich_Logo-281x100.png');
  background-size: 100px auto;
  height: 100px;
  width: auto;
  background-size: contain;
}
.header-user-name,
.header-logout-link {
  color: #071000;
  font-size: 0.8rem;
  display: inline-block;
  margin-left: 1rem;
}
nav.mobile .header-user-name {
  margin-left: 0;
}
#loginform .button:hover,
#lostpasswordform .button:hover {
  color: var(--button-hover-color);
  border-width: var(--button-border-width);
  border-style: solid;
  border-color: var(--button-hover-border-color);
  background: var(--button-hover-background-color);
  text-decoration: var(--button-hover-text-decoration);
}
#loginform .button:not(:hover),
#lostpasswordform .button:not(:hover) {
  color: var(--button-color);
  border-width: var(--button-border-width);
  border-style: solid;
  border-color: var(--button-border-color);
  background: var(--button-background-color);
  text-decoration: var(--button-text-decoration);
}
.login .message,
.login .notice {
  border-left-color: var(--color-main);
}