.elementor-33 .elementor-element.elementor-element-84e7389{--display:flex;--min-height:100vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-33 .elementor-element.elementor-element-84e7389:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-84e7389 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(195deg, #1B0033 0%, #070010 60%);}.elementor-33 .elementor-element.elementor-element-a5ef6bf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-33 .elementor-element.elementor-element-a50b093{--display:flex;}.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 );}.elementor-33 .elementor-element.elementor-element-6e243f7{text-align:center;}.elementor-33 .elementor-element.elementor-element-6e243f7 .elementor-heading-title{font-family:"Michroma", Sans-serif;font-weight:500;color:#FFFFFF;}.elementor-33 .elementor-element.elementor-element-38f038c .jet-login input.input{background-color:#FFFFFF20;color:#FFFFFF;border-style:none;}.elementor-33 .elementor-element.elementor-element-38f038c .jet-login input::placeholder{color:#FFFFFF;}.elementor-33 .elementor-element.elementor-element-38f038c .jet-login label{color:#FFFFFF;font-family:"Michroma", Sans-serif;margin:30px 0px 15px 0px;}.elementor-33 .elementor-element.elementor-element-38f038c input[type="submit"]{background-color:#FFFFFF20;color:#FFFFFF;font-family:"Michroma", Sans-serif;padding:8px 100px 8px 100px;border-style:none;}.elementor-33 .elementor-element.elementor-element-38f038c input[type="submit"]:hover{background-color:#FFFFFF30;}.elementor-33 .elementor-element.elementor-element-38f038c .login-submit{text-align:left;}.elementor-33 .elementor-element.elementor-element-38f038c .jet-login-lost-password-link{font-family:"Michroma", Sans-serif;color:var( --e-global-color-text );}.elementor-33 .elementor-element.elementor-element-38f038c .jet-login-lost-password-link:hover{color:#CCCCCC;}.elementor-33 .elementor-element.elementor-element-38f038c .jet-login-message{color:#FFFFFF;}.elementor-33 .elementor-element.elementor-element-3daf54f{--display:flex;--justify-content:center;}.elementor-33 .elementor-element.elementor-element-f3b922d > .elementor-widget-container{background-color:#FFFFFF20;padding:25px 25px 25px 25px;border-style:none;border-radius:100px 100px 100px 100px;}.elementor-33 .elementor-element.elementor-element-f3b922d.elementor-element{--align-self:center;--flex-grow:0;--flex-shrink:1;}.elementor-33 .elementor-element.elementor-element-f3b922d{text-align:center;}.elementor-33 .elementor-element.elementor-element-f3b922d img{height:120px;object-fit:contain;}.elementor-33 .elementor-element.elementor-element-add3448{--display:flex;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-widget-image .widget-image-caption{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-33 .elementor-element.elementor-element-ee2ab43 img{height:60px;object-fit:contain;object-position:center center;}.elementor-33 .elementor-element.elementor-element-02196d6{text-align:center;}.elementor-33 .elementor-element.elementor-element-02196d6 .elementor-heading-title{font-family:"Lato", Sans-serif;font-size:18px;font-weight:300;color:#FFFFFF;}@media(max-width:767px){.elementor-33 .elementor-element.elementor-element-a50b093.e-con{--order:2;}.elementor-33 .elementor-element.elementor-element-3daf54f.e-con{--order:1;}.elementor-33 .elementor-element.elementor-element-f3b922d img{height:100px;}.elementor-33 .elementor-element.elementor-element-ee2ab43 img{height:30px;}}@media(min-width:768px){.elementor-33 .elementor-element.elementor-element-a5ef6bf{--content-width:850px;}}/* Start custom CSS for jet-login, class: .elementor-element-38f038c *//* Eingabefelder: Opazität und keine Umrandung */
#loginform .input {
  opacity: 0.5;
  outline: none;
  box-shadow: none;
  width: 100%; /* Eingabefelder 100% der Breite */
  transition: opacity 0.3s ease;
}

/* Eingabefelder: Fokus */
#loginform .input:focus {
  opacity: 1;
  outline: none;
  box-shadow: none;
}

/* Login-Button: Gleiche Breite wie die Eingabefelder */
#loginform #wp-submit {
  width: 100%; /* Gleiche Breite wie Eingabefelder */
  display: block; /* Sicherstellen, dass er sich wie ein Block verhält */
  margin-top: 10px; /* Optional: Abstand zu den oberen Feldern */
  transition: background-color 0.3s ease; /* Optional: für sanftere Farbübergänge */
}

/* Augen-Symbol: Weiß einfärben */
#loginform .password-visibility__icon {
  fill: #ffffff !important;
}


/* Target the checkbox in the login form */
.jet-login input[type="checkbox"] {
    width: 17px; /* Slightly larger size */
    height: 17px; /* Slightly larger size */
    background-color: #ffffff20; /* Semi-transparent background */
    border: .05px solid #ffffff; /* White border */
    border-radius: 1px; /* Rounded corners */
    appearance: none; /* Remove default checkbox styling */
    outline: none;
    cursor: pointer; /* Pointer cursor for better UX */
    display: inline-block;
    position: relative;
}

/* Add a custom checkmark when the checkbox is checked */
.jet-login input[type="checkbox"]:checked::after {
    content: '';
    position: absolute;
    top: px; /* Adjust positioning */
    left: 4px; /* Adjust positioning */
    width: 6px;
    height: 12px;
    border: solid #ffffff; /* White checkmark */
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/* Optional: Add spacing between checkbox and label */
.jet-login label {
    margin-left: 10px; /* Adjust spacing */
}/* End custom CSS */
/* Start custom CSS for tl-site-logo, class: .elementor-element-f3b922d */.logo-class {
    position: relative;
    width: 120px; /* Diameter of the circle */
    height: 120px;
    border-radius: 50%; /* Makes the container circular */
    overflow: hidden; /* Ensures the image doesn't spill outside */
}
.logo-class:hover {
background-color: #ffffff30;
}

.logo-class img {
    position: absolute;
    top: 50%; /* Moves the image to the center vertically */
    left: 50%; /* Moves the image to the center horizontally */
    transform: translate(-50%, -50%); /* Adjusts the image to perfectly center */
    width: 80%; /* Adjusts the size of the logo */
    height: auto; /* Maintains the aspect ratio of the logo */
    display: block; /* Ensures no inline space issues */
    padding: 10px;
}/* End custom CSS */