.elementor-77029 .elementor-element.elementor-element-3f938a8c{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-77029 .elementor-element.elementor-element-3f938a8c:not(.elementor-motion-effects-element-type-background), .elementor-77029 .elementor-element.elementor-element-3f938a8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #162748 0%, #0F213D 100%);}.elementor-77029 .elementor-element.elementor-element-41c3e261{--display:flex;--min-height:100vh;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-77029 .elementor-element.elementor-element-7e82f38a > .elementor-widget-container{padding:14px 14px 14px 14px;}.elementor-77029 .elementor-element.elementor-element-7e82f38a img{width:188px;}.elementor-77029 .elementor-element.elementor-element-7287d77d{--display:flex;--border-radius:16px 16px 16px 16px;box-shadow:1px 1px 8px 0px rgba(0, 0, 0, 0.13);--padding-top:26px;--padding-bottom:16px;--padding-left:10px;--padding-right:10px;}.elementor-77029 .elementor-element.elementor-element-7287d77d:not(.elementor-motion-effects-element-type-background), .elementor-77029 .elementor-element.elementor-element-7287d77d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(90deg, #243653 0%, #192946 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-77029 .elementor-element.elementor-element-52e12fa7{text-align:center;}.elementor-77029 .elementor-element.elementor-element-52e12fa7 .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:30px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-77029 .elementor-element.elementor-element-67f33985 > .elementor-widget-container{margin:0px 0px -6px 0px;}.elementor-77029 .elementor-element.elementor-element-67f33985{text-align:center;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;color:#ADADAD;}.elementor-77029 .elementor-element.elementor-element-76dc9cf9 > .elementor-widget-container{padding:0px 18px 20px 18px;}.elementor-77029 .elementor-element.elementor-element-76dc9cf9 .jet-login input.input{background-color:#253450;color:#FFFFFF;margin:0px 0px 0px 0px;border-radius:8px 8px 8px 8px;}.elementor-77029 .elementor-element.elementor-element-76dc9cf9 .jet-login input::placeholder{color:#FFFFFF;}.elementor-77029 .elementor-element.elementor-element-76dc9cf9 .jet-login label{color:#FFFFFF;padding:4px 8px 6px 8px;margin:0px 0px 0px 0px;border-style:none;}.elementor-77029 .elementor-element.elementor-element-76dc9cf9 input[type="submit"]{background-color:#D2F86C;color:#000000;font-size:17px;font-weight:600;padding:12px 36px 14px 36px;margin:14px 0px 0px 0px;border-style:none;border-radius:8px 8px 8px 8px;}.elementor-77029 .elementor-element.elementor-element-76dc9cf9 .login-submit{text-align:center;}.elementor-77029 .elementor-element.elementor-element-7b215f9e > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-77029 .elementor-element.elementor-element-7b215f9e{text-align:center;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;color:#ADADAD;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-77029 .elementor-element.elementor-element-306bd73 .elementor-button{background-color:#E8F0FE;font-family:"Roboto", Sans-serif;font-weight:500;fill:#1B2B48;color:#1B2B48;border-radius:12px 12px 12px 12px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-77029 .elementor-element.elementor-element-41c3e261{--width:646px;}}@media(max-width:767px){.elementor-77029 .elementor-element.elementor-element-3f938a8c{--min-height:80vh;--justify-content:flex-start;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77029 .elementor-element.elementor-element-41c3e261{--min-height:100vh;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:0px 0px 0px 0px;--margin-top:40px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-77029 .elementor-element.elementor-element-7e82f38a > .elementor-widget-container{margin:0px 0px 0px 0px;padding:14px 0px 14px 0px;}.elementor-77029 .elementor-element.elementor-element-7e82f38a img{width:110px;}.elementor-77029 .elementor-element.elementor-element-7287d77d{--padding-top:40px;--padding-bottom:30px;--padding-left:14px;--padding-right:14px;}.elementor-77029 .elementor-element.elementor-element-52e12fa7 .elementor-heading-title{font-size:32px;}.elementor-77029 .elementor-element.elementor-element-67f33985{font-size:16px;}.elementor-77029 .elementor-element.elementor-element-76dc9cf9 > .elementor-widget-container{padding:2px 12px 12px 12px;}.elementor-77029 .elementor-element.elementor-element-76dc9cf9 .jet-login input.input{padding:12px 12px 12px 12px;}.elementor-77029 .elementor-element.elementor-element-76dc9cf9 .jet-login label{padding:4px 4px 6px 4px;margin:4px 0px 2px 0px;}.elementor-77029 .elementor-element.elementor-element-76dc9cf9 input[type="submit"]{padding:10px 20px 12px 20px;}.elementor-77029 .elementor-element.elementor-element-306bd73 > .elementor-widget-container{margin:-8px 0px 0px 0px;padding:0px 0px 8px 0px;}.elementor-77029 .elementor-element.elementor-element-306bd73 .elementor-button{font-size:14px;padding:11px 14px 8px 14px;}}/* Start custom CSS for jet-login, class: .elementor-element-76dc9cf9 *//* Checkbox – modern: nutzt accent-color */
.login-remember input[type="checkbox"]{
  width: 18px;
  height: 18px;
  accent-color: #C7F23F;
  border-radius: 6px;
  border: 1.5px solid rgba(255,255,255,.25);
  background: rgba(255,255,255,.04);
  outline: none;
  cursor: pointer;
}



.login-remember input[type="checkbox"]:focus-visible{
  box-shadow: 0 0 0 3px rgba(199,242,63,.35);
  border-color: rgba(199,242,63,.8);
}

/* Label klickbar wie im App-UI */
.login-remember label{
  cursor: pointer;
  user-select: none;
  opacity: .95;
  padding-top:10px !important;
  padding-bottom:12px !important;
}

/* Fallback für Browser ohne accent-color */

  .login-remember input[type="checkbox"]{
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    background: transparent !important;
  }
  .login-remember input[type="checkbox"]:checked{
    background: var(--brand-accent);
    border-color:#C7F23F;
  }
  .login-remember input[type="checkbox"]:checked::after{
    content: "";
    position: absolute;
    left: 4px; top: 0;
    width: 5px; height: 9px;
    border: 2px solid #0B1426; /* dunkler Haken */
    border-top: 0; border-left: 0;
    transform: rotate(45deg);
  }


.login-submit {
    width: 100% !important;
}

.button.button-primary {
    width:100% !important;
}


/* chatty*/
/* ===================== GOOGLE ===================== */

/* Inline-Styles neutralisieren (z. B. background-color:#fff) */
.nsl-button.nsl-button-default.nsl-button-google[style] {
  background-color: transparent !important;
}

/* Grundlayout: 100% Breite, Flex, zentriert */
.nsl-button.nsl-button-default.nsl-button-google {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important; /* zentriert den Gesamtkörper */
  width: 100% !important;
  color: #fff !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  text-align: center !important; /* Fallback */
  background: transparent !important;
  border-radius: 8px !important;
}

/* Linke Icon-Box: feste, gleiche Breite/Höhe; Icon mittig */
.nsl-button.nsl-button-default.nsl-button-google .nsl-button-svg-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 48px !important;   /* <<< Breite der Icon-Box */
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
}

/* SVG-Icon größer */
.nsl-button.nsl-button-default.nsl-button-google .nsl-button-svg-container svg {
  width: 28px !important;      /* nach Wunsch z. B. 32px setzen */
  height: 28px !important;
}

/* Label-Container: nimmt restliche Breite, Text exakt zentriert */
.nsl-button.nsl-button-default.nsl-button-google .nsl-button-label-container {
  flex: 1 1 auto !important;
  text-align: center !important;
  font-weight: 600 !important;
  letter-spacing: .2px !important;
  white-space: nowrap !important;
}

/* Rechter Ausgleich → Label geometrisch perfekt mittig */
.nsl-button.nsl-button-default.nsl-button-google::after {
  content: "" !important;
  display: block !important;
  flex: 0 0 48px !important;  /* muss zur Icon-Box-Breite passen */
  width: 48px !important;
  height: 48px !important;
}

/* Hover-Feedback */
.nsl-button.nsl-button-default.nsl-button-google:hover {
  opacity: .96 !important;
}


/* ===================== APPLE ===================== */

/* Inline-Styles neutralisieren */
.nsl-button.nsl-button-default.nsl-button-apple[style] {
  background-color: transparent !important;
}

/* Grundlayout */
.nsl-button.nsl-button-default.nsl-button-apple {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  color: #fff !important;
  padding: 8px !important;
  box-sizing: border-box !important;
  text-align: center !important;
  background: transparent !important;
  border-radius: 8px !important;
  border: 0.3px solid #fff !important;  /* dezente Kontur */
  height: 52px !important;
}

/* Linke Icon-Box */
.nsl-button.nsl-button-default.nsl-button-apple .nsl-button-svg-container {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex: 0 0 48px !important;   /* gleiche Breite wie bei Google */
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
}

/* SVG-Icon */
.nsl-button.nsl-button-default.nsl-button-apple .nsl-button-svg-container svg {
  width: 28px !important;
  height: 28px !important;
}

/* Label */
.nsl-button.nsl-button-default.nsl-button-apple .nsl-button-label-container {
  flex: 1 1 auto !important;
  text-align: center !important;
  font-weight: 600 !important;
  letter-spacing: .2px !important;
  white-space: nowrap !important;
}

/* Rechter Ausgleich */
.nsl-button.nsl-button-default.nsl-button-apple::after {
  content: "" !important;
  display: block !important;
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
}

/* Hover-Feedback */
.nsl-button.nsl-button-default.nsl-button-apple:hover {
  opacity: .96 !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3f938a8c *//* === Nextend Google Button – Ghost-Style wie im Mock (oben links) === */

/* Inline-Styles von Nextend neutralisieren (z. B. background-color:#fff) */
.nsl-button.nsl-button-google[style] {
  background-color: transparent !important;
}

/* Basis-Container als Flex-Button */
.nsl-button.nsl-button-google {
  display: flex !important;
  align-items: center;
  gap: 12px;
  width: 100%;
  height: 52px;
  padding: 0 16px !important;

  /* Ghost-Look auf dunklem Hintergrund */
  background: rgba(255,255,255,0.06) !important;
  border: 1px solid rgba(255,255,255,0.14) !important;
  border-radius: 14px !important;

  color: #E9F0FF !important;
  font: 600 15px/1 system-ui, -apple-system, Segoe UI, Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif;
  text-decoration: none !important;
  box-shadow: 0 1px 0 rgba(0,0,0,.25), inset 0 1px 0 rgba(255,255,255,.03);
  transition: background .2s ease, border-color .2s ease, transform .05s ease, box-shadow .2s ease;
  cursor: pointer;
}

/* Icon-Container (links) */
.nsl-button.nsl-button-google .nsl-button-svg-container {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px; height: 24px;
  flex: 0 0 24px;
}

/* Label mittig ausrichten */
.nsl-button.nsl-button-google .nsl-button-label-container {
  flex: 1 1 auto;
  text-align: center;
  letter-spacing: .2px;
  white-space: nowrap;           /* optional: einzeilig */
}

/* unsichtbarer Ausgleich rechts, damit das Label absolut mittig ist */
.nsl-button.nsl-button-google::after {
  content: "";
  flex: 0 0 24px;                /* gleiche Breite wie das Icon links */
}

/* SVG-Größe konsistent */
.nsl-button.nsl-button-google svg {
  width: 22px; height: 22px;
}

/* Hover/Active/Focus */
.nsl-button.nsl-button-google:hover {
  background: rgba(255,255,255,0.10) !important;
  border-color: rgba(255,255,255,0.24) !important;
  transform: translateY(-1px);
}
.nsl-button.nsl-button-google:active {
  transform: translateY(0);
}
.nsl-button.nsl-button-google:focus-visible {
  outline: 2px solid rgba(163,224,85,.85);   /* grünlicher Fokus wie im Stil */
  outline-offset: 2px;
}

/* Falls Nextend per data-skin="light" noch Farben nachlädt – hart überschreiben */
.nsl-button.nsl-button-google[data-skin="light"] {
  background: rgba(255,255,255,0.06) !important;
  color: #E9F0FF !important;
  border-color: rgba(255,255,255,0.14) !important;
}/* End custom CSS */