/* Urlaubsportal: Anmeldung, Registrierung, Passwort vergessen im Portal-Stil (Celestia/Helix) */
html,body.com_users{background:#0a2033!important}
body.com_users{background:linear-gradient(180deg,#0a2033 0%,#102c47 520px,#0a2033 1400px)!important;color:#f6f1e7}
body.com_users .body-wrapper,body.com_users #sp-main-body,body.com_users #sp-component,body.com_users .sp-column{background:transparent!important}
body.com_users #sp-main-body{padding-top:clamp(170px,12vw,200px);padding-bottom:3rem}
body.com_users #sp-page-title{display:none}
body.com_users #sp-header.header-sticky,body.com_users #sp-header.header-sticky .container,body.com_users #sp-header.header-sticky .container-inner{background:rgba(10,32,51,.88)!important}

/* Karte */
body.com_users #sp-component [class*="header-style-"] .row{justify-content:center}
body.com_users #sp-component [class*="header-style-"] .col-md-6{
  flex:0 0 auto;width:100%;max-width:540px;padding:clamp(1.3rem,3vw,2.2rem);
  background:rgba(246,241,231,.07);box-shadow:inset 0 0 0 1px rgba(246,241,231,.16);border-radius:22px;
  font-family:"Nunito",system-ui,sans-serif;font-size:1rem;line-height:1.55;color:#f6f1e7}
body.view-registration #sp-component [class*="header-style-"] .col-md-6{max-width:660px}

/* Überschrift (Celestia hat hier keine) */
body.com_users #sp-component [class*="header-style-"] .col-md-6::before{
  display:block;margin:0 0 1.2rem;font-family:"Cormorant","Cormorant Garamond",Georgia,serif;font-weight:400;
  font-size:clamp(2.2rem,4.4vw,3rem);line-height:1.05;letter-spacing:-.02em;color:#f6f1e7}
body.view-login #sp-component [class*="header-style-"] .col-md-6::before{content:"Anmelden"}
body.view-registration #sp-component [class*="header-style-"] .col-md-6::before{content:"Konto erstellen"}
body.view-reset #sp-component [class*="header-style-"] .col-md-6::before{content:"Passwort vergessen"}
body.view-remind #sp-component [class*="header-style-"] .col-md-6::before{content:"Benutzername vergessen"}

/* Felder */
body.com_users #sp-component label{color:#f6f1e7;font-weight:700;font-size:.95rem}
body.com_users #sp-component .star{color:#f0a04b}
body.com_users #sp-component input.form-control,
body.com_users #sp-component input[type=text],body.com_users #sp-component input[type=email],body.com_users #sp-component input[type=password],
body.com_users #sp-component select,body.com_users #sp-component textarea{
  display:block;width:100%;margin-top:.35rem;padding:.7rem .9rem;border:0!important;height:auto;
  box-shadow:inset 0 0 0 1px rgba(246,241,231,.24);border-radius:12px;
  background:rgba(246,241,231,.08)!important;color:#f6f1e7!important;font:600 1rem "Nunito",system-ui,sans-serif}
body.com_users #sp-component input:focus,body.com_users #sp-component select:focus{outline:0;box-shadow:inset 0 0 0 2px #f0a04b}
body.com_users #sp-component input:-webkit-autofill{-webkit-text-fill-color:#f6f1e7;box-shadow:inset 0 0 0 1000px #17324b,inset 0 0 0 1px rgba(246,241,231,.24)}
body.com_users #sp-component .input-group{display:flex;align-items:stretch;gap:.4rem;flex-wrap:nowrap}
body.com_users #sp-component .input-group .form-control{flex:1 1 auto;width:auto}
body.com_users #sp-component .input-password-toggle{margin-top:.35rem;border:0!important;border-radius:12px;background:rgba(246,241,231,.12)!important;color:#f6f1e7!important;padding:0 .9rem;cursor:pointer}
body.com_users #sp-component input[type=checkbox]{accent-color:#f0a04b;width:auto;display:inline-block;margin-right:.45rem}
body.com_users #sp-component .form-check-label{font-weight:600}

/* Knöpfe */
body.com_users #sp-component button[type=submit],body.com_users #sp-component .btn-primary{
  display:inline-flex;align-items:center;justify-content:center;background:#f0a04b!important;color:#0a2033!important;
  border:0!important;border-radius:999px!important;padding:.8rem 2rem!important;font:700 1rem "Nunito",system-ui,sans-serif!important;
  cursor:pointer;box-shadow:none!important;text-transform:none;letter-spacing:0;transition:transform .25s cubic-bezier(.16,1,.3,1),background .2s}
body.com_users #sp-component button[type=submit]:hover,body.com_users #sp-component .btn-primary:hover{background:#ffb866!important;transform:scale(1.03)}
body.com_users #sp-component .plg_system_webauthn_login_button{
  display:flex;align-items:center;justify-content:center;gap:.6rem;width:100%;background:transparent!important;color:#f6f1e7!important;
  border:0!important;box-shadow:inset 0 0 0 1px rgba(246,241,231,.3)!important;border-radius:999px!important;padding:.75rem 1.4rem!important;font:700 .95rem "Nunito",system-ui,sans-serif!important}
body.com_users #sp-component .plg_system_webauthn_login_button:hover{background:rgba(246,241,231,.08)!important}
body.com_users #sp-component .plg_system_webauthn_login_button svg{width:1.2em;height:1.2em;fill:currentColor}

/* Links unter dem Formular */
body.com_users #sp-component .list-group{display:flex;flex-direction:column;gap:.45rem;margin:1.4rem 0 0;padding:1.1rem 0 0;border-top:1px solid rgba(246,241,231,.16);background:transparent}
body.com_users #sp-component .list-group-item{background:transparent!important;border:0!important;padding:0!important;color:#f0a04b!important}
body.com_users #sp-component a{color:#f0a04b}
body.com_users #sp-component a:hover{color:#ffb866}
body.com_users #sp-component p{color:rgba(246,241,231,.82)}

/* Meldungen */
body.com_users #system-message-container .alert,body.com_users #sp-component .alert{border-radius:14px;border:0;background:rgba(240,160,75,.14);box-shadow:inset 3px 0 0 #f0a04b;color:#f6f1e7}
body.com_users #sp-component .invalid-feedback,body.com_users #sp-component .form-text{color:rgba(246,241,231,.75)}
@media (max-width:600px){body.com_users #sp-component [class*="header-style-"] .col-md-6{margin:0 8px;width:auto}}

/* Rahmen-Zusatz des Page-Builder-Knopfs abschalten */
body.com_users #sp-component button.sppb-btn::before,
body.com_users #sp-component button.sppb-btn::after,
body.com_users #sp-component .btn::before,
body.com_users #sp-component .btn::after{
  content:none!important;display:none!important;border:0!important;background:none!important}
body.com_users #sp-component button.sppb-btn,
body.com_users #sp-component button.btn-with-border{
  position:relative;overflow:hidden;outline:0!important;border:0!important;box-shadow:none!important;
  background:#f0a04b!important;border-radius:999px!important}
body.com_users #sp-component button.sppb-btn:hover{background:#ffb866!important}
body.com_users #sp-component button.sppb-btn:focus-visible{outline:2px solid #ffb866!important;outline-offset:3px}