/* PROSLIMX XOFFICE - PREVIOUS FINAL REGISTER CSS */

:root {
    --px-gold: rgb(205,177,129);
    --px-silver: rgb(210,210,210);
    --px-red: #ff0019;
    --px-black: #050505;
}

/* Sponsor image/logo container stays dynamic. Do not hide real uploaded images. */
#profilephotopreview {
    background-color: #050505 !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    border: 1px solid rgba(205,177,129,.85) !important;
    box-shadow: 0 0 0 1px rgba(210,210,210,.35), 0 0 28px rgba(255,0,25,.50), inset 0 0 30px rgba(0,0,0,.85) !important;
}

/* Hide only old CloudMLM logo */
img[src*="unilevel-demo.cloudmlmsoftware.com/img/cache/logo/logo-be1e8.png"] {
    display: none !important;
}

/* Hide duplicate panel heading/title, but keep .vide-strap sponsor line */
.side-2 .panel-heading,
.side-2 .panel-title,
.side-2 h5.panel-title {
    display: none !important;
}

/* Clean sponsor welcome line */
.vide-strap {
    background: transparent !important;
    color: rgba(255,255,255,.78) !important;
    padding: 10px 10px 18px !important;
    line-height: 1.4 !important;
    text-align: center !important;
    border: none !important;
}

.vide-strap p {
    margin: 0 !important;
    color: rgba(255,255,255,.78) !important;
    font-size: 15px !important;
    letter-spacing: 1px !important;
    text-transform: none !important;
}

.vide-strap b {
    color: var(--px-red) !important;
    letter-spacing: 4px !important;
    font-weight: 500 !important;
}

/* Remove unnecessary right icon at sponsor input */
#sponsor + .form-control-feedback,
#sponsor ~ .form-control-feedback {
    display: none !important;
}

/* Main premium boxes */
.side-1,
.side-2,
.panel,
.panel-body,
.wizard,
form.steps-validation {
    border-radius: 5px !important;
    background: radial-gradient(circle at top center, rgba(255,0,25,.07), transparent 34%), linear-gradient(145deg, rgba(12,12,12,.96), rgba(0,0,0,.98)) !important;
    color: #fff !important;
    box-shadow: 0 0 14px rgba(255,0,25,.13), inset 0 0 18px rgba(255,255,255,.025) !important;
}

.side-1 { border: 1px solid rgba(205,177,129,.75) !important; }
.side-2 { border: 1px solid rgba(210,210,210,.55) !important; }
.panel { border: 1px solid rgba(205,177,129,.60) !important; }
.panel-body { border: 1px solid rgba(210,210,210,.35) !important; }
.wizard, form.steps-validation { border: 1px solid rgba(255,0,25,.35) !important; }

/* Remove heavy corners */
.side-1::before, .side-1::after,
.side-2::before, .side-2::after,
.panel::before, .panel::after,
.panel-body::before, .panel-body::after {
    display: none !important;
    content: none !important;
}

/* Sponsor card */
.side-1 {
    background: radial-gradient(circle at center, rgba(255,0,25,.10), transparent 48%), linear-gradient(145deg, rgba(12,12,12,.96), rgba(0,0,0,.98)) !important;
}

.side-1 h3,
.side-1 .bdr {
    color: #fff !important;
    border-bottom: 1px solid rgba(210,210,210,.16) !important;
    letter-spacing: 5px !important;
    text-transform: uppercase !important;
}

.side-1 h3 i,
.side-1 h3 span {
    color: var(--px-red) !important;
}

.binary-demo h3,
.sponsor-profile-list h3 {
    color: rgba(255,255,255,.88) !important;
    letter-spacing: 5px !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

.sponsor-profile-list,
.binary-dlt {
    background: rgba(0,0,0,.35) !important;
    border: 1px solid rgba(205,177,129,.38) !important;
    padding: 0 !important;
    margin: 0 !important;
}

.sponsor-profile-list li,
.binary-dlt li {
    display: grid !important;
    grid-template-columns: 88px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 8px !important;
    color: rgba(255,255,255,.90) !important;
    border-bottom: 1px solid rgba(210,210,210,.12) !important;
    padding: 14px 18px !important;
    list-style: none !important;
    font-size: 14px !important;
    line-height: 1.35 !important;
}

.sponsor-profile-list li .label,
.binary-dlt li .label {
    color: rgba(255,255,255,.82) !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
}

.sponsor-profile-list li .value,
.binary-dlt li .value {
    color: #fff !important;
    min-width: 0 !important;
}

.sponsor-profile-list li.email-row .value,
.binary-dlt li.email-row .value {
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    font-size: 13px !important;
}

.sponsor-profile-list li.country-row .value,
.binary-dlt li.country-row .value {
    line-height: 1 !important;
}

.sponsor-country-flag-img {
    width: 28px !important;
    height: auto !important;
    display: inline-block !important;
    vertical-align: middle !important;
}

/* If old phone row still exists with a class, hide it */
.binary-dlt li.phone-row {
    display: none !important;
}

/* Form */
label, .control-label { color: #ffffff !important; }
.help-block, small { color: rgba(255,255,255,.58) !important; }

.form-control,
input,
select,
textarea {
    background: rgba(0,0,0,.62) !important;
    border: 1px solid rgba(210,210,210,.42) !important;
    color: #fff !important;
    border-radius: 5px !important;
    box-shadow: inset 0 0 14px rgba(0,0,0,.72) !important;
}

.form-control:focus,
input:focus,
select:focus,
textarea:focus {
    border-color: var(--px-red) !important;
    box-shadow: 0 0 12px rgba(255,0,25,.55), inset 0 0 14px rgba(0,0,0,.80) !important;
    outline: none !important;
}

.proslimx-field-error {
    border-color: var(--px-red) !important;
    box-shadow: 0 0 14px rgba(255,0,25,.85) !important;
}

/* Buttons */
.wizard > .actions li.disabled,
.wizard > .actions li[aria-disabled="true"] {
    display: none !important;
}

.wizard > .actions ul {
    display: flex !important;
    justify-content: flex-end !important;
    gap: 18px !important;
    padding: 0 !important;
    margin: 25px 0 0 !important;
}

.wizard > .actions a[href="#next"],
.wizard > .actions a[href="#finish"] {
    background: linear-gradient(180deg, #d90018, #650008) !important;
    border: 1px solid var(--px-red) !important;
    color: #fff !important;
    box-shadow: 0 0 16px rgba(255,0,25,.65), inset 0 1px 0 rgba(205,177,129,.35) !important;
}

.wizard > .actions a[href="#previous"] {
    background: rgba(0,0,0,.70) !important;
    border: 1px solid rgba(210,210,210,.45) !important;
    color: #fff !important;
}

/* Step navigation */
.wizard > .steps {
    width: 100% !important;
    max-width: 620px !important;
    margin: 20px auto 35px auto !important;
    overflow: visible !important;
}

.wizard > .steps > ul {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    width: 100% !important;
    max-width: 620px !important;
    padding: 0 !important;
    margin: 0 auto !important;
    list-style: none !important;
    position: relative !important;
}

.wizard > .steps > ul > li:before,
.wizard > .steps > ul > li:after,
.wizard > .steps > ul > li > a:before {
    display: none !important;
    content: none !important;
    background: none !important;
    border: none !important;
}

.wizard > .steps > ul::before {
    content: "" !important;
    position: absolute !important;
    top: 25px !important;
    left: 12% !important;
    right: 12% !important;
    height: 1px !important;
    background: linear-gradient(90deg, var(--px-red) 0%, rgba(205,177,129,.95) 35%, rgba(210,210,210,.75) 65%, var(--px-red) 100%) !important;
    z-index: 0 !important;
}

.wizard > .steps > ul > li {
    width: 100% !important;
    float: none !important;
    text-align: center !important;
    position: relative !important;
    z-index: 2 !important;
    padding: 0 !important;
    margin: 0 !important;
}

.wizard > .steps > ul > li > a,
.wizard > .steps > ul > li > a:hover,
.wizard > .steps > ul > li > a:active {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    min-height: 80px !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    color: transparent !important;
    font-size: 0 !important;
    line-height: 0 !important;
    text-decoration: none !important;
    overflow: visible !important;
}

.wizard > .steps > ul > li > a > span:not(.number),
.wizard > .steps > ul > li > a > label,
.wizard > .steps > ul > li > a > small {
    display: none !important;
}

.wizard > .steps .number {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    width: 50px !important;
    height: 50px !important;
    min-width: 50px !important;
    min-height: 50px !important;
    border-radius: 50% !important;
    margin: 0 auto 10px auto !important;
    padding: 0 !important;
    background: #050505 !important;
    color: #fff !important;
    border: 1px solid rgba(210,210,210,.65) !important;
    box-shadow: 0 0 0 1px rgba(205,177,129,.20), 0 0 16px rgba(255,0,25,.55) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 50px !important;
    position: relative !important;
    z-index: 5 !important;
}

.wizard > .steps li.done .number {
    font-size: 0 !important;
}

.wizard > .steps li.done .number::before {
    content: "✓" !important;
    font-size: 22px !important;
    color: var(--px-red) !important;
}

.wizard > .steps > ul > li > a::after {
    display: block !important;
    content: "" !important;
    font-size: 11px !important;
    line-height: 1.18 !important;
    letter-spacing: .8px !important;
    text-transform: uppercase !important;
    color: rgba(255,255,255,.84) !important;
    white-space: pre-line !important;
    text-align: center !important;
}

.wizard > .steps > ul > li:nth-child(1) > a::after { content: "NETWORK\A INFORMATION" !important; }
.wizard > .steps > ul > li:nth-child(2) > a::after { content: "CONTACT\A INFORMATION" !important; }
.wizard > .steps > ul > li:nth-child(3) > a::after { content: "LOGIN\A INFORMATION" !important; }
.wizard > .steps > ul > li:nth-child(4) > a::after { content: "PAYMENT" !important; }

.wizard > .steps li.current .number,
.wizard > .steps li.done .number {
    border-color: var(--px-red) !important;
    box-shadow: 0 0 0 1px rgba(205,177,129,.30), 0 0 22px rgba(255,0,25,.80) !important;
}

.wizard > .steps li.current > a::after,
.wizard > .steps li.done > a::after {
    color: var(--px-red) !important;
}

@media (max-width: 767px) {
    .side-1, .side-2, .panel, .panel-body, .home-page {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        box-sizing: border-box !important;
    }

    .wizard > .steps,
    .wizard > .steps > ul {
        max-width: 100% !important;
    }

    .wizard > .steps .number {
        width: 40px !important;
        height: 40px !important;
        min-width: 40px !important;
        min-height: 40px !important;
        font-size: 15px !important;
        line-height: 40px !important;
        margin-bottom: 8px !important;
    }

    .wizard > .steps > ul::before {
        top: 20px !important;
        left: 14% !important;
        right: 14% !important;
    }

    .wizard > .steps > ul > li > a::after {
        font-size: 8px !important;
        letter-spacing: 0 !important;
    }

    .wizard > .actions ul {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 16px !important;
        width: 100% !important;
    }

    .wizard > .actions li,
    .wizard > .actions li a {
        width: 100% !important;
        text-align: center !important;
        box-sizing: border-box !important;
    }
}

/* PROSLIMX NEW DESIGN TEMPLATE START */

/* Grundseite schwarz */
body.login-container,
body.login-container[style],
.page-container,
.page-content,
.page-content[style]{
  background:#000!important;
}

/* Hauptbereich mit neuem Template */
body.login-container .content.main{
  width:1000px!important;
  max-width:100vw!important;
  min-height:563px!important;
  margin:150px auto 0 auto!important;
  padding:0!important;
  position:relative!important;
  background:url("/images/register/design-seite-11.png") top center/100% auto no-repeat!important;
  overflow:hidden!important;
}

/* Template je Registrierungsschritt wechseln */
body.login-container .content.main:has(#steps-uid-0-p-0.current),
body.login-container .content.main:has(#steps-uid-0-p-0[aria-hidden="false"]){
  background-image:url("/images/register/design-seite-11.png")!important;
}

body.login-container .content.main:has(#steps-uid-0-p-1.current),
body.login-container .content.main:has(#steps-uid-0-p-1[aria-hidden="false"]){
  background-image:url("/images/register/design-seite-12.png")!important;
}

body.login-container .content.main:has(#steps-uid-0-p-2.current),
body.login-container .content.main:has(#steps-uid-0-p-2[aria-hidden="false"]){
  background-image:url("/images/register/design-seite-13.png")!important;
}

body.login-container .content.main:has(#steps-uid-0-p-3.current),
body.login-container .content.main:has(#steps-uid-0-p-3[aria-hidden="false"]){
  background-image:url("/images/register/design-seite-14.png")!important;
}

/* alte sichtbare Wizard-Leiste ausblenden, Template hat eigene Zahlen */
body.login-container .wizard > .steps{
  display:none!important;
}

/* alte Box-Hintergruende durchsichtig machen */
body.login-container .side-1,
body.login-container .side-2,
body.login-container .panel,
body.login-container .panel-default,
body.login-container .panel-body,
body.login-container .wizard,
body.login-container .wizard > .content{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}

/* PROSLIMX NEW DESIGN - SEITE 5 / COMPLETED */

body.login-container .content.main:has(.success),
body.login-container .content.main:has(.alert-success),
body.login-container .content.main:has(.registration-complete),
body.login-container .content.main:has(.register-complete),
body.login-container .content.main:has(.completed),
body.login-container .content.main:has(a[href*="login"]),
body.login-container .content.main:has(a[href*="signin"]){
  background-image:url("/images/register/design-seite-15.png")!important;
}

/* PROSLIMX REGISTER TEMPLATE CLEAN FINAL */

/* altes Header/Logo/Wizard-Zeug weg */
body.login-container .vide-strap,
body.login-container .panel-heading,
body.login-container .panel-title,
body.login-container img[alt="logo"],
body.login-container .wizard > .steps{
  display:none!important;
}

/* Template groesser */
body.login-container .content.main{
  width:1150px!important;
  min-height:648px!important;
  margin:80px auto 0 auto!important;
  background-size:100% auto!important;
  overflow:hidden!important;
}

/* nur aktueller Wizard-Step sichtbar */
body.login-container .wizard > .content > .body{
  display:none!important;
}

body.login-container .wizard > .content > .body[aria-hidden="false"]{
  display:block!important;
}

/* Sponsorbild links anzeigen */
body.login-container .sponse-img{
  display:block!important;
  position:absolute!important;
  left:114px!important;
  top:157px!important;
  width:145px!important;
  height:145px!important;
  padding:0!important;
  margin:0!important;
}

body.login-container #profilephotopreview{
  display:block!important;
  width:145px!important;
  height:145px!important;
  border-radius:50%!important;
  background-size:cover!important;
  background-position:center!important;
}

/* Step 1 Felder */
body.login-container #steps-uid-0-p-0{
  position:absolute!important;
  left:405px!important;
  top:235px!important;
  width:520px!important;
}

/* Next Button Desktop */
body.login-container .actions{
  position:absolute!important;
  right:115px!important;
  bottom:80px!important;
  top:auto!important;
  left:auto!important;
  z-index:9999!important;
  display:block!important;
}


/* ALTES GROSSES PROSLIMX LOGO OBEN AUSBLENDEN */

body.login-container .content.main img,
body.login-container .content.main p img,
body.login-container .panel-heading img,
body.login-container img[alt="logo"]{
  display:none!important;
  opacity:0!important;
  visibility:hidden!important;
}

/* STEP 1 - RECHTER BLOCK POSITION */

body.login-container #steps-uid-0-p-0{
  position:absolute!important;
  left:-10px!important;
  top:285px!important;
  width:610px!important;
}

/* Sponsor Feld */
body.login-container #steps-uid-0-p-0 .form-group:has(#sponsor){
  position:absolute!important;
  left:45px!important;
  top:0!important;
  width:520px!important;
}

/* Firstname */
body.login-container #steps-uid-0-p-0 .form-group:has(input[name="firstname"]){
  position:absolute!important;
  left:45px!important;
  top:105px!important;
  width:250px!important;
}

/* Lastname */
body.login-container #steps-uid-0-p-0 .form-group:has(input[name="lastname"]){
  position:absolute!important;
  left:30px!important;
  top:105px!important;
  width:250px!important;
}

/* Feldhoehe */
body.login-container #steps-uid-0-p-0 input{
  height:42px!important;
}


/* NEXT BUTTON POSITION */
body.login-container .actions{
  position:absolute!important;
  left:20px!important;
  bottom:70px!important;
  z-index:9999!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

body.login-container .actions a[href="#next"]{
  width:150px!important;
  height:50px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
}

/* Sponsorbox: Email + Phone vorerst ausblenden */
body.login-container .binary-dlt li:nth-child(2),
body.login-container .binary-dlt li:nth-child(3){
  display:none!important;
}

/* Sponsor Username + Country in unteres Feld setzen */
body.login-container .binary-dlt{
  position:absolute!important;
  left:65px!important;
  top:390px!important;
  width:260px!important;
  z-index:20!important;
}

body.login-container .binary-dlt li{
  padding:14px 18px!important;
  font-size:14px!important;
}

/* Sponsorbox: Username einzeilig + Flagge groesser */
body.login-container .binary-dlt li{
  display:flex!important;
  align-items:center!important;
  gap:8px!important;
}

body.login-container .binary-dlt .flag-icon{
  width:26px!important;
  height:18px!important;
  font-size:26px!important;
}

/* Sponsor Info Text nach unten setzen */
body.login-container .side-1 h3.bdr{
  position:absolute!important;
  left:35px!important;
  top:95px!important;
  width:310px!important;
  z-index:30!important;
}

body.login-container #sponsor{
  text-transform:capitalize!important;
}

/* MOBILE FIX */
@media (max-width: 767px){
  body.login-container .actions{
    position:absolute!important;
    left:auto!important;
    right:35px!important;
    top:auto!important;
    bottom:45px!important;
    z-index:9999!important;
  }

  body.login-container .actions a[href="#next"]{
    width:150px!important;
    height:50px!important;
  }
}
/* MOBILE: Template nicht umbrechen, Desktop-Layout behalten */
@media (max-width: 767px){

  body.login-container .content.main{
    width:1150px!important;
    min-width:1150px!important;
    max-width:none!important;
    transform:none!important;
    overflow:hidden!important;
  }

  body.login-container .page-content,
  body.login-container .content-wrapper{
    overflow-x:auto!important;
  }

  body.login-container .side-1,
  body.login-container .side-2,
  body.login-container .panel,
  body.login-container .panel-body,
  body.login-container .home-page{
    width:auto!important;
    max-width:none!important;
  }

  body.login-container .actions{
    position:absolute!important;
    right:130px!important;
    bottom:70px!important;
    top:auto!important;
    left:auto!important;
    z-index:9999!important;
  }
}

/* NEXT BUTTON IM TEMPLATE POSITIONIEREN */
body.login-container .actions{
  position:absolute!important;
  left:720px!important;
  top:390px!important;
  right:auto!important;
  bottom:auto!important;
  z-index:9999!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

/* NEXT BUTTON DESKTOP SICHTBAR IM TEMPLATE */
body.login-container .actions{
  position:fixed!important;
  left:calc(50% + 250px)!important;
  top:660px!important;
  right:auto!important;
  bottom:auto!important;
  z-index:999999!important;
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
}

body.login-container .actions a[href="#next"]{
  display:flex!important;
  width:150px!important;
  height:50px!important;
  align-items:center!important;
  justify-content:center!important;
}

/* STEP 2 - Felder nach unten */
body.login-container #steps-uid-0-p-1{
  position:absolute!important;
  left:30px!important;
  top:215px!important;
  width:640px!important;
}

/* STEP 2 - Felder enger/positionieren */
body.login-container #steps-uid-0-p-1{
  position:absolute!important;
  left:10px!important;
  top:279px!important;
  width:640px!important;
}

/* STEP 2 Spalten enger - stark */
body.login-container #steps-uid-0-p-1 .row{
  display:flex!important;
  gap:18px!important;
}

body.login-container #steps-uid-0-p-1 .col-md-6{
  width:300px!important;
  flex:0 0 300px!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* Address Feld gleich hoch wie die anderen Felder */
body.login-container #steps-uid-0-p-1 textarea{
  height:34px!important;
  min-height:34px!important;
  resize:none!important;
}

/* STEP 2: untere Felder naeher zusammen */
body.login-container #steps-uid-0-p-1 .row:nth-of-type(2),
body.login-container #steps-uid-0-p-1 .row:nth-of-type(3),
body.login-container #steps-uid-0-p-1 .row:nth-of-type(4){
  margin-top:-22px!important;
}

/* STEP 2: kleine Hilfetexte unter Feldern ausblenden */
body.login-container #steps-uid-0-p-1 .help-block small{
  display:none!important;
}

/* STEP 2: Next/Previous Buttons kleiner */
body.login-container .actions a[href="#next"],
body.login-container .actions a[href="#previous"]{
  width:95px!important;
  height:38px!important;
  font-size:13px!important;
}

/* STEP 2 Buttons enger zusammen und tiefer */
body.login-container .actions{
  top:650px!important;
}

body.login-container .actions ul{
  gap:12px!important;
}



/* Previous Button etwas runter */
body.login-container .actions a[href="#previous"]{
  position:relative!important;
  top:49px!important;
}

/* Next Button gleiche Hoehe wie Previous */
body.login-container .actions a[href="#next"]{
  position:relative!important;
  top:49px!important;
}

/* STEP 3 - nur nach unten */
body.login-container #steps-uid-0-p-2{
  position:absolute!important;
  left:0!important;
  top:280px!important;
  width:100%!important;
}

/* STEP 4 - Confirm Registration Design */
body.login-container #steps-uid-0-p-3{
  position:absolute!important;
  left:0!important;
  top:260px!important;
  width:100%!important;
}

body.login-container #steps-uid-0-p-3 .m-b-0,
body.login-container #steps-uid-0-p-3 .containerX,
body.login-container #steps-uid-0-p-3 .bhoechie-tab-content,
body.login-container #steps-uid-0-p-3 .text-center{
  background:transparent!important;
  border:none!important;
  box-shadow:none!important;
  color:#fff!important;
}

body.login-container #steps-uid-0-p-3 h3{
  color:#fff!important;
  font-size:22px!important;
  margin-bottom:18px!important;
}

body.login-container #steps-uid-0-p-3 .btn-success{
  background:linear-gradient(180deg,#e00018,#680008)!important;
  border:1px solid #ff0019!important;
  color:#fff!important;
  box-shadow:0 0 16px rgba(255,0,25,.75)!important;
  width:190px!important;
  height:45px!important;
}

/* STEP 4 - weissen Hintergrund entfernen */
body.login-container #steps-uid-0-p-3,
body.login-container #steps-uid-0-p-3 *,
body.login-container #steps-uid-0-p-3 .row,
body.login-container #steps-uid-0-p-3 .col-xs-12,
body.login-container #steps-uid-0-p-3 .col-lg-12,
body.login-container #steps-uid-0-p-3 .bhoechie-tab,
body.login-container #steps-uid-0-p-3 .bhoechie-tab-content{
  background:transparent!important;
}

/* STEP 4 - roter Rahmen wie Design */
body.login-container #steps-uid-0-p-3 .bhoechie-tab-content{
  border:1px solid #ff0019!important;
  box-shadow:0 0 22px rgba(255,0,25,.75)!important;
  border-radius:5px!important;
}

/* Alten weißen Rahmen entfernen */
body.login-container #steps-uid-0-p-3 fieldset,
body.login-container #steps-uid-0-p-3 .panel,
body.login-container #steps-uid-0-p-3 .panel-default{
    border:none!important;
    box-shadow:none!important;
}

body.login-container .actions a[href="#finish"]{
    position:relative!important;
    top:50px!important;
}

/* STEP 4 - letzten hellen Rand entfernen */
body.login-container #steps-uid-0-p-3 .bhoechie-tab-content,
body.login-container #steps-uid-0-p-3 .text-center,
body.login-container #steps-uid-0-p-3 .containerX,
body.login-container #steps-uid-0-p-3 .row,
body.login-container #steps-uid-0-p-3 div{
  outline:none!important;
  border-color:#ff0019!important;
}

/* STEP 4 inneren roten Rahmen etwas vergroessern */
body.login-container #steps-uid-0-p-3 .bhoechie-tab-content{
  transform:scaleX(1.04)!important;
  transform-origin:center center!important;
}

/* Finish Button horizontal groesser */
body.login-container .actions a[href="#finish"]{
  width:95px!important;
}

/* Previous + Finish Text exakt mittig */
body.login-container .actions li a{
    padding-top:8px!important;
    padding-bottom:0!important;
    text-align:center!important;
}

/* NUR Finish Button wieder gleich hoch machen */
body.login-container .actions a[href="#finish"]{
  height:40px!important;
  line-height:40px!important;
}

/* NUR Finish Text mittig */
body.login-container .actions a[href="#finish"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
  line-height:1!important;
}

/* Finish genauso gross wie Previous */
body.login-container .actions a[href="#finish"]{
  width:95px!important;
  height:38px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}

/* STEP 3 - Passwort Buttons schwarz/rot */
body.login-container #steps-uid-0-p-2 .input-group-addon,
body.login-container #steps-uid-0-p-2 .btn-default,
body.login-container #steps-uid-0-p-2 button{
    background:#000!important;
    border:1px solid #ff0019!important;
    color:#fff!important;
    box-shadow:0 0 8px rgba(255,0,25,.5)!important;
}

/* Next Button Text mittig, Button bleibt stehen */
body.login-container .actions a[href="#next"]{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 0 2px 0!important;
  line-height:1!important;
}

/* STEP 2: nur Eingabefelder 1px nach oben */
body.login-container #steps-uid-0-p-1 input,
body.login-container #steps-uid-0-p-1 select,
body.login-container #steps-uid-0-p-1 textarea{
  position:relative!important;
  top:-4px!important;
}

/* STEP 4 - kleinen Finish Button unten ausblenden */
body.login-container .actions a[href="#finish"]{
  display:none!important;
}

/* Previous nur auf Seite 4 nach rechts */
body.login-container .content.main:has(#steps-uid-0-p-3[aria-hidden="false"]) .actions a[href="#previous"]{
  position:relative!important;
  left:80px!important;
}

/* PROSLIMX REGISTER 6 STEP EXTENSION - START */

/* Step backgrounds for 6-step registration */
body.login-container .content.main:has(#steps-uid-0-p-0.current),
body.login-container .content.main:has(#steps-uid-0-p-0[aria-hidden="false"]){
  background-image:url("/images/register/design-seite-11.png")!important;
}

body.login-container .content.main:has(#steps-uid-0-p-1.current),
body.login-container .content.main:has(#steps-uid-0-p-1[aria-hidden="false"]){
  background-image:url("/images/register/design-seite-12.png")!important;
}

body.login-container .content.main:has(#steps-uid-0-p-2.current),
body.login-container .content.main:has(#steps-uid-0-p-2[aria-hidden="false"]){
  background-image:url("/images/register/design-seite-13.png")!important;
}

body.login-container .content.main:has(#steps-uid-0-p-3.current),
body.login-container .content.main:has(#steps-uid-0-p-3[aria-hidden="false"]){
  background-image:url("/images/register/design-seite-14.png")!important;
}

body.login-container .content.main:has(#steps-uid-0-p-4.current),
body.login-container .content.main:has(#steps-uid-0-p-4[aria-hidden="false"]),
body.login-container .content.main:has(#steps-uid-0-p-5.current),
body.login-container .content.main:has(#steps-uid-0-p-5[aria-hidden="false"]){
  background-image:url("/images/register/design-seite-15.png")!important;
}

/* Step 4, 5, 6 content positioning */
body.login-container #steps-uid-0-p-3,
body.login-container #steps-uid-0-p-4,
body.login-container #steps-uid-0-p-5{
  position:absolute!important;
  left:40px!important;
  top:250px!important;
  width:620px!important;
  color:#fff!important;
  background:transparent!important;
}

/* Starter/payment/complete boxes */
body.login-container .proslimx-register-step{
  background:rgba(0,0,0,.58)!important;
  border:1px solid #ff0019!important;
  box-shadow:0 0 22px rgba(255,0,25,.65)!important;
  border-radius:6px!important;
  padding:28px!important;
  color:#fff!important;
}

body.login-container .proslimx-register-step h3{
  margin:0 0 20px 0!important;
  color:#fff!important;
  font-size:24px!important;
  letter-spacing:2px!important;
  text-transform:uppercase!important;
}

body.login-container .proslimx-starter-card{
  position:relative!important;
}

body.login-container .proslimx-starter-card input{
  position:absolute!important;
  opacity:0!important;
  pointer-events:none!important;
}

body.login-container .proslimx-starter-card label{
  display:block!important;
  cursor:pointer!important;
  background:linear-gradient(145deg, rgba(20,20,20,.95), rgba(0,0,0,.98))!important;
  border:1px solid rgba(205,177,129,.85)!important;
  border-radius:6px!important;
  padding:22px 24px!important;
  color:#fff!important;
  box-shadow:0 0 18px rgba(255,0,25,.35)!important;
}

body.login-container .starter-title,
body.login-container .starter-subtitle,
body.login-container .starter-content,
body.login-container .starter-price{
  display:block!important;
}

body.login-container .starter-title{
  font-size:22px!important;
  color:#fff!important;
  letter-spacing:1px!important;
  text-transform:uppercase!important;
}

body.login-container .starter-subtitle{
  margin-top:5px!important;
  color:rgba(205,177,129,.95)!important;
  font-size:14px!important;
}

body.login-container .starter-content{
  margin-top:14px!important;
  font-size:16px!important;
  color:rgba(255,255,255,.86)!important;
}

body.login-container .starter-price{
  margin-top:12px!important;
  font-size:28px!important;
  color:#ff0019!important;
  font-weight:700!important;
}

body.login-container .proslimx-payment-box{
  margin:20px 0!important;
  padding:18px!important;
  background:rgba(0,0,0,.72)!important;
  border:1px solid rgba(205,177,129,.75)!important;
  border-radius:5px!important;
  color:#fff!important;
}

body.login-container .proslimx-step-note{
  margin:18px 0 0 0!important;
  color:rgba(255,255,255,.72)!important;
  font-size:14px!important;
  line-height:1.5!important;
}

/* Finish button only on final step */
body.login-container .actions a[href="#finish"]{
  display:flex!important;
  width:130px!important;
  height:38px!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0!important;
}

body.login-container .content.main:not(:has(#steps-uid-0-p-5[aria-hidden="false"])) .actions a[href="#finish"]{
  display:none!important;
}

/* Starter package image in registration Step 4 */
body.login-container .starter-image-wrap{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  width:100%!important;
  margin:0 0 16px 0!important;
}

body.login-container .starter-package-image{
  display:block!important;
  width:auto!important;
  max-width:260px!important;
  max-height:180px!important;
  object-fit:contain!important;
  margin:0 auto!important;
  filter:drop-shadow(0 12px 18px rgba(0,0,0,.45))!important;
}

/* STEP 4 STARTER SHOP FIX - IMAGES + COMPACT LAYOUT */

body.login-container .starter-package-image{
  display:block!important;
  opacity:1!important;
  visibility:visible!important;
  width:auto!important;
  max-width:150px!important;
  max-height:85px!important;
  object-fit:contain!important;
  margin:0 auto!important;
  filter:drop-shadow(0 10px 14px rgba(0,0,0,.55))!important;
}

body.login-container .starter-image-wrap{
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  height:90px!important;
  margin:0 0 8px 0!important;
}

body.login-container .starter-products-grid{
  display:grid!important;
  grid-template-columns:repeat(2, minmax(0, 1fr))!important;
  gap:12px!important;
}

body.login-container .proslimx-starter-card label{
  min-height:245px!important;
  padding:12px!important;
  overflow:hidden!important;
}

body.login-container .starter-title{
  font-size:16px!important;
  line-height:1.15!important;
}

body.login-container .starter-subtitle{
  font-size:11px!important;
}

body.login-container .starter-benefits{
  font-size:10px!important;
  gap:2px!important;
  margin-top:6px!important;
}

body.login-container .starter-price{
  font-size:20px!important;
  margin-top:6px!important;
}

body.login-container .starter-select-label{
  height:28px!important;
  min-width:120px!important;
  font-size:10px!important;
  margin-top:6px!important;
}

/* PROSLIMX REGISTER 6 STEP EXTENSION - END */