/* Shootcamp Login – ersetzt die BuddyBoss-Gestaltung von wp-login.php */

@font-face{font-family:'SCLO Montserrat';font-weight:700;font-display:swap;src:url(fonts/montserrat-latin-700-normal.woff2) format('woff2')}
@font-face{font-family:'SCLO Montserrat';font-weight:800;font-display:swap;src:url(fonts/montserrat-latin-800-normal.woff2) format('woff2')}
@font-face{font-family:'SCLO Montserrat';font-weight:800;font-style:italic;font-display:swap;src:url(fonts/montserrat-latin-800-italic.woff2) format('woff2')}
@font-face{font-family:'SCLO Open Sans';font-weight:400;font-display:swap;src:url(fonts/open-sans-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'SCLO Open Sans';font-weight:600;font-display:swap;src:url(fonts/open-sans-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'SCLO Open Sans';font-weight:700;font-display:swap;src:url(fonts/open-sans-latin-700-normal.woff2) format('woff2')}

html{background:#292929!important}
body.login.sclo{
  --sclo-m:'SCLO Montserrat',Montserrat,sans-serif;
  --sclo-o:'SCLO Open Sans','Open Sans',sans-serif;
  font-family:var(--sclo-o)!important;color:#292929;background:#292929!important;
  min-height:100vh;margin:0;padding:48px 7vw;box-sizing:border-box;
  display:flex;align-items:center;justify-content:flex-end;
}
body.sclo *,body.sclo *::before,body.sclo *::after{box-sizing:border-box}

/* BuddyBoss-Reste ausblenden */
body.sclo .login-split,
body.sclo .split-overlay,
body.sclo #backtoblog,
body.sclo .language-switcher,
body.sclo.login-action-login #nav{display:none!important}

/* Foto + Abdunklung */
.sclo-bg{position:fixed;inset:0;z-index:0;background:#292929 center/cover no-repeat}
.sclo-shade{position:fixed;inset:0;z-index:1;background:rgba(0,0,0,.15)}
.sclo--werbung .sclo-shade{background:linear-gradient(90deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.1) 75%)}

.sclo-credit{position:fixed;left:28px;bottom:22px;z-index:2;color:#fff;font-size:12px;text-shadow:0 0 8px rgba(0,0,0,.5)}
.sclo-credit b{font:700 10px var(--sclo-m);letter-spacing:1.2px;text-transform:uppercase;color:#85B0B4;margin-right:6px}

/* Werbefläche */
.sclo-hero{position:absolute;z-index:2;top:50%;transform:translateY(-50%);left:max(40px,5.5vw);width:min(520px,calc(100vw - 476px - 12.5vw - 60px));color:#fff}
.sclo-etikett{display:inline-block;background:#EE4938;color:#fff;font:700 10px var(--sclo-m);letter-spacing:1.2px;text-transform:uppercase;padding:5px 8px}
.sclo-titel{font:italic 800 clamp(32px,3.3vw,46px)/1.1 var(--sclo-m)!important;color:#fff!important;margin:18px 0 14px!important;padding:0!important}
.sclo-titel span{display:block}
.sclo-unter{font-size:17px;line-height:1.5;color:#fff;margin:0 0 26px}
.sclo-tempo{display:flex;align-items:center;gap:22px;background:rgba(41,41,41,.88);border-left:4px solid #EE4938;padding:16px 22px;margin-bottom:28px}
.sclo-tempo svg{flex:none}
.sclo-tempo b{display:block;font:800 24px/1.15 var(--sclo-m);color:#fff}
.sclo-tempo span{display:block;font-size:14px;color:#cfcfcf;margin-top:3px}
.sclo-punkte{list-style:none;margin:0;padding:0}
.sclo-punkte li{position:relative;padding-left:22px;margin:0 0 16px}
.sclo-punkte li::before{content:"";position:absolute;left:0;top:7px;width:8px;height:8px;background:#EE4938}
.sclo-punkte b{display:block;font:700 16px/1.35 var(--sclo-m);color:#fff}
.sclo-punkte span{display:block;font-size:14px;color:#cfcfcf;margin-top:2px}
.sclo-nur-klein{display:none}

/* Karte */
body.sclo #login{position:relative;z-index:2;width:476px;max-width:100%;margin:0;padding:46px 48px;background:#fff;box-shadow:none}
body.sclo #login h1.wp-login-logo,body.sclo #login h1:not(.screen-reader-text){margin:0 0 30px;padding:0;text-align:left}
body.sclo #login h1 a{display:block;background-color:transparent!important;width:170px!important;height:34px!important;margin:0!important;background-size:contain!important;background-position:left center!important;background-repeat:no-repeat!important;text-indent:-9999px;overflow:hidden}
body.sclo .login-heading{margin:0;padding:0}
body.sclo .login-heading h2{font:700 26px/1.2 var(--sclo-m)!important;color:#292929!important;margin:0 0 6px!important;padding:0!important;text-align:left}
body.sclo .sclo-sub{font-size:14px;color:#777;margin:0 0 22px;padding:0}

body.sclo #login_error,body.sclo .login .message,body.sclo .login .success,body.sclo .notice{border:0!important;border-left:4px solid #EE4938!important;background:#f2f2f2!important;color:#292929!important;box-shadow:none!important;margin:0 0 18px!important;padding:12px 14px!important;font-size:14px;border-radius:0!important}
body.sclo .login .message,body.sclo .login .success{border-left-color:#4E7C81!important}

body.sclo #loginform,body.sclo #lostpasswordform,body.sclo #resetpassform,body.sclo #registerform{margin:0!important;padding:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible}
body.sclo #loginform{display:flex;flex-wrap:wrap;align-items:center}
body.sclo #loginform>*{order:5;width:100%}
body.sclo #loginform>p:first-child,body.sclo #loginform>.user-pass-wrap{order:1}
body.sclo #loginform>.forgetmenot{order:3;width:50%;float:none}
body.sclo #loginform>.lostmenot{order:4;width:50%;text-align:right}
body.sclo #loginform>.submit{order:9}

body.sclo form label{font:600 13px var(--sclo-o);color:#292929;margin-bottom:6px;display:inline-block}
body.sclo form .input,body.sclo form input[type=text],body.sclo form input[type=email],body.sclo form input[type=password]{
  width:100%;height:48px;margin:0 0 14px!important;padding:0 14px!important;border:1px solid #d6d6d6!important;border-radius:0!important;
  background:#fff!important;box-shadow:none!important;font:400 15px var(--sclo-o)!important;color:#292929!important;
}
body.sclo form .input:focus,body.sclo form input:focus{border-color:#292929!important;outline:0!important;box-shadow:none!important}
body.sclo .wp-pwd{position:relative}
body.sclo .wp-pwd .input{padding-right:46px!important}
body.sclo .wp-hide-pw{position:absolute!important;right:0!important;top:0!important;height:48px!important;width:46px!important;background:none!important;border:0!important;box-shadow:none!important;color:#777!important;min-height:0!important;padding:0!important}
body.sclo .forgetmenot,body.sclo .lostmenot{margin:0 0 20px!important;font-size:13px}
body.sclo .forgetmenot label{font-weight:400;margin:0}
body.sclo input[type=checkbox]{border-radius:0!important;border:1px solid #bbb!important;box-shadow:none!important;width:16px;height:16px;margin:0 6px 0 0!important;vertical-align:-3px}
body.sclo input[type=checkbox]:checked::before{filter:grayscale(1) brightness(.2)}
body.sclo .wp-tooltip__toggle{background:none!important;border:0!important;padding:0!important;color:#999!important;min-height:0!important;box-shadow:none!important}
body.sclo a{color:#292929}
body.sclo .lostmenot a,body.sclo #nav a{color:#292929!important;text-decoration:underline}

body.sclo .submit{margin:0!important;padding:0!important;width:100%}
body.sclo .button-primary,body.sclo #wp-submit,
body.sclo .button-primary:hover,body.sclo .button-primary:focus,body.sclo .button-primary:active{
  float:none!important;width:100%!important;height:48px!important;min-height:48px!important;margin:0!important;padding:0 18px!important;
  background:#EE4938!important;border:0!important;border-radius:0!important;box-shadow:none!important;text-shadow:none!important;
  color:#fff!important;font:700 12px var(--sclo-m)!important;letter-spacing:1.2px!important;text-transform:uppercase!important;transform:none!important;
}
body.sclo .button-primary:hover{background:#d63d2d!important}

body.sclo #nav{margin:18px 0 0!important;padding:0!important;font-size:13px}
.sclo-hilfe{font-size:13px;line-height:1.8;color:#777;margin-top:26px}
.sclo-hilfe a{color:#292929!important;font-weight:600;text-decoration:none}
.sclo-hilfe a:hover{color:#EE4938!important}
body:not(.sclo-js) .sclo-hilfe{position:relative;z-index:2}
body.sclo .privacy-policy-page-link{margin:14px 0 0!important;text-align:left}
body.sclo .privacy-policy-page-link a{font-size:12px;color:#999!important}

/* Nutzungsbedingungen-Fenster (BuddyBoss, Magnific Popup) */
.login-popup.bb-modal{background:#fff;max-width:760px;margin:40px auto;padding:36px 40px;position:relative;font-family:var(--sclo-o,'Open Sans',sans-serif);font-size:14px;line-height:1.6;color:#292929}
.login-popup.bb-modal h1{font:700 24px 'SCLO Montserrat',Montserrat,sans-serif;margin:0 0 16px}
.login-popup.bb-modal h2{font:700 17px 'SCLO Montserrat',Montserrat,sans-serif;margin:22px 0 8px}

/* ------------------------------------------------ Handy / Tablet */
@media (max-width:900px){
  html{background:#fff!important}
  body.login.sclo{display:block;padding:0;background:#fff!important}
  .sclo-bg{position:relative;inset:auto;height:170px}
  .sclo--werbung .sclo-bg{height:230px}
  .sclo-shade{display:none}
  .sclo-credit{position:absolute;left:auto;right:12px;top:12px;bottom:auto;font-size:10px}
  .sclo-credit b{font-size:9px}
  .sclo-hero{position:absolute;top:0;left:0;right:0;transform:none;width:auto;height:230px;padding:0 16px 18px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.1))}
  .sclo-titel{font-size:28px!important;margin:10px 0 0!important}
  .sclo-titel span{display:inline}
  .sclo-unter{font-size:14px;margin:6px 0 0}
  .sclo-tempo{position:absolute;top:230px;left:0;right:0;height:76px;margin:0;border-left:0;padding:0 16px;gap:14px;background:#292929}
  .sclo-tempo svg{width:44px;height:30px}
  .sclo-tempo b{font-size:16px}
  .sclo-tempo span{font-size:12px;margin-top:1px}
  .sclo--tempo.sclo--werbung #login{margin-top:76px}
  .sclo-nur-gross{display:none}
  .sclo-nur-klein{display:block}
  body.sclo #login{width:100%;padding:26px 16px 24px}
  body.sclo.sclo--werbung #login h1{display:none}
  .sclo-mehr{background:#f2f2f2;padding:22px 16px 12px}
  .sclo-kicker{font:700 11px var(--sclo-m);letter-spacing:1.4px;text-transform:uppercase;color:#4E7C81;margin-bottom:14px}
  .sclo-mehr .sclo-punkte b{color:#292929;font-size:14px}
  .sclo-mehr .sclo-punkte span{color:#666;font-size:13px}
  .sclo-mehr .sclo-punkte li{margin-bottom:12px}
  .sclo-mehr .sclo-punkte li::before{top:6px;width:7px;height:7px}
}

/* 0.1.1: BuddyBoss blendet das echte Kästchen aus und zeichnet ein eigenes – wieder das echte zeigen */
body.sclo .forgetmenot input[type=checkbox]{
  position:static!important;opacity:1!important;visibility:visible!important;display:inline-block!important;clip:auto!important;
  -webkit-appearance:checkbox!important;appearance:auto!important;accent-color:#292929;
  width:16px!important;height:16px!important;margin:0 8px 0 0!important;vertical-align:-3px!important;pointer-events:auto!important;
}
body.sclo .forgetmenot input[type=checkbox]::before{content:none!important}
body.sclo .forgetmenot label::before,body.sclo .forgetmenot label::after{content:none!important;display:none!important}
body.sclo .forgetmenot label{padding-left:0!important;cursor:pointer}