/**
 * Styles partagés depuis index.html – boutons, layout, logo, page.
 * Utilisé par anmelden et registrieren pour garder le même rendu que l’index.
 */

.w-nav-overlay {
  top: 0 !important;
}

.scroll-off {
  overflow: hidden !important;
}

.button-new {
  background: radial-gradient(62.81% 171.53% at 50% 100%, #2d62ff 0%, #2d62ff 100%) !important;
}

.button-new.is-blue {
  background: radial-gradient(49.2% 134.37% at 50% 50%, #599FFF 0%, #0031BE 100%);
  box-shadow: 0px 2.105px 4.211px -8.421px rgba(24, 135, 200, 0.08), 0px 8.421px 16.842px -8.421px rgba(24, 106, 200, 0.12), 0px 37.895px 33.684px -16.842px rgba(24, 115, 200, 0.12), 0px 0px 12.632px 0px #FFF inset, 0px -25.263px 33.684px 0px rgba(255, 255, 255, 0.22) inset, 0px 8.421px 25.263px -16.842px rgba(255, 255, 255, 0.24) inset;
}

.button-elipse {
  mix-blend-mode: plus-lighter;
}

.button-elipse-main {
  mix-blend-mode: plus-lighter;
}

[slide-in],
[slide-in-top] {
  opacity: 0;
  transform: translateY(50px);
}

@media only screen and (max-width: 480px) {
  [slide-in-mobile] {
    opacity: 0;
    transform: translateY(50px);
  }
  [slide-in*="-desktop"],
  [slide-in-top*="-desktop"] {
    opacity: initial;
    transform: none;
  }
}

.line {
  display: block;
  overflow-wrap: break-word;
  white-space: normal;
}

[line-reveal],
[line-reveal-top],
[line-reveal-mobile] {
  white-space: normal !important;
}

i.button-icon-main {
  font-size: 1.1em;
  display: inline-block;
  vertical-align: middle;
}

.nav_logo.new-7 {
  width: auto !important;
}

.last_icon {
  width: 30px !important;
  height: 30px !important;
}

/* Nav Dark BG */
.navigation__dark-bg {
  transition: all 0.7s cubic-bezier(0.5, 0.5, 0, 1);
}

[data-navigation-status="active"] .navigation__dark-bg {
  opacity: 0.33;
  visibility: visible;
}

.hamburger-nav__bg {
  transition: all 0.7s cubic-bezier(0.5, 0.5, 0, 1);
}

[data-navigation-status="active"] .hamburger-nav__bg {
  width: 100%;
  height: 100%;
}

.hamburger-nav__group {
  transition: all 0.5s cubic-bezier(0.5, 0.5, 0, 1), transform 0.7s cubic-bezier(0.5, 0.5, 0, 1);
  transform: scale(0.15) rotate(0.001deg);
  opacity: 0;
  visibility: hidden;
}

[data-navigation-status="active"] .hamburger-nav__group {
  transform: scale(1) rotate(0.001deg);
  opacity: 1;
  visibility: visible;
}

.hamburger-nav__a[aria-current] .hamburger-nav__p {
  opacity: 0.33;
}

.hamburger-nav__dot {
  transition: all 0.7s cubic-bezier(0.5, 0.5, 0, 1);
  transform: scale(0) rotate(0.001deg);
  opacity: 1;
}

.hamburger-nav__a[aria-current] .hamburger-nav__dot {
  transform: scale(1) rotate(0.001deg);
  opacity: 1;
}

.hamburger-nav:has(.hamburger-nav__a:hover) .hamburger-nav__dot {
  transform: scale(0) rotate(0.001deg);
}

.hamburger-nav .hamburger-nav__a:hover .hamburger-nav__dot {
  transform: scale(1) rotate(0.001deg);
  opacity: 0.25;
}

.hamburger-nav__toggle {
  transition: transform 0.7s cubic-bezier(0.5, 0.5, 0, 1);
  transform: translate(0em, 0em) rotate(0.001deg);
}

[data-navigation-status="active"] .hamburger-nav__toggle {
  transform: translate(-1em, 1em) rotate(0.001deg);
}

.hamburger-nav__toggle .hamburger-nav__toggle-bar {
  transition: transform 0.7s cubic-bezier(0.5, 0.5, 0, 1);
  transform: translateY(-0.15em) rotate(0.001deg);
}

.hamburger-nav__toggle:hover .hamburger-nav__toggle-bar {
  transform: translateY(0.15em) rotate(0.001deg);
}

[data-navigation-status="active"] .hamburger-nav__toggle .hamburger-nav__toggle-bar {
  transform: translateY(0em) rotate(45deg);
}

.hamburger-nav__toggle .hamburger-nav__toggle-bar:nth-child(2) {
  transition: transform 0.7s cubic-bezier(0.5, 0.5, 0, 1);
  transform: translateY(0.15em) rotate(0.001deg);
}

.hamburger-nav__toggle:hover .hamburger-nav__toggle-bar:nth-child(2) {
  transform: translateY(-0.15em) rotate(0.001deg);
}

[data-navigation-status="active"] .hamburger-nav__toggle .hamburger-nav__toggle-bar:nth-child(2) {
  transform: translateY(0em) rotate(-45deg);
}

/* Alignement header / logo avec l’index */
.Header__Logo-sc-58kr85-2 img,
.Header__HeaderContainer-sc-58kr85-0 .Header__Logo-sc-58kr85-2 img {
  height: 65px !important;
  width: auto !important;
  max-width: 130px !important;
  object-fit: contain !important;
}

/* Boutons header (Registrierung / Login) – style index */
.Header__HeaderButton-sc-58kr85-5.button,
.Header__NavigationButtons-sc-58kr85-8 .button,
.Header__HeaderNavButtons-sc-58kr85-4 .button {
  padding: 8px 20px !important;
  height: 40px !important;
  min-width: 110px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-left: 8px !important;
  box-sizing: border-box !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  transition: all 0.25s ease !important;
}

.Header__HeaderNavButtons-sc-58kr85-4 .button:first-child,
.Header__NavigationButtons-sc-58kr85-8 .button:first-child {
  margin-left: 0 !important;
}

/* Bouton principal (Registrierung) – vert type index */
.Header__RegisterButton-sc-58kr85-7.kMlOPW,
.Header__RegisterButton-sc-58kr85-7.dniyQV {
  background: radial-gradient(62.81% 171.53% at 50% 100%, #00D924 0%, #13C331 100%) !important;
  box-shadow: 0px 2.105px 4.211px -8.421px rgba(24, 200, 57, 0.08), 0px 8.421px 16.842px -8.421px rgba(24, 200, 57, 0.12) !important;
  border: none !important;
  color: #fff !important;
}

.Header__RegisterButton-sc-58kr85-7.kMlOPW:hover,
.Header__RegisterButton-sc-58kr85-7.dniyQV:hover {
  filter: brightness(1.05);
}

/* Bouton outline (Login) – style index */
.Header__LoginButton-sc-58kr85-6.gsyFRB,
.Header__LoginButton-sc-58kr85-6.fCRClZ {
  background: transparent !important;
  border: 1px solid rgba(0, 0, 0, 0.2) !important;
  color: #1a1a1a !important;
  min-width: 140px !important;
  padding-left: 26px !important;
  padding-right: 26px !important;
}

.Header__LoginButton-sc-58kr85-6.gsyFRB:hover,
.Header__LoginButton-sc-58kr85-6.fCRClZ:hover {
  background: rgba(0, 0, 0, 0.04) !important;
}

/* Bouton submit formulaire (anmelden/registrieren) – style vert index */
.submit-button {
  background: radial-gradient(62.81% 171.53% at 50% 100%, #00D924 0%, #13C331 100%) !important;
  box-shadow: 0px 2.105px 4.211px -8.421px rgba(24, 200, 57, 0.08), 0px 8.421px 16.842px -8.421px rgba(24, 200, 57, 0.12) !important;
  border: none !important;
  border-radius: 8px !important;
}

.submit-button:hover:not(:disabled) {
  filter: brightness(1.05) !important;
  color: #fff !important;
}

/* Bouton submit en style index (button-wrapper-main + button-main) */
button.button-wrapper-main {
  border: none;
  background: none;
  padding: 0;
  cursor: pointer;
  font: inherit;
  width: 100%;
  text-align: center;
  display: block;
  margin: 0;
}

button.button-wrapper-main:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.login-form .button-component,
.registration-form .button-component {
  margin-top: 6px;
  width: 100%;
}