/* ============================================================
   DIGIBAR — Passwort-Landingpage
   Child Theme: password-protected-login.css
   ============================================================ */

@font-face{
  font-family:'HeadThinker';
  src:url('/wp-content/fonts/headthinker.woff2') format('woff2'),
      url('/wp-content/fonts/headthinker.woff') format('woff');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Weissenhof Grotesk';
  src:url('/wp-content/fonts/weissenhof-grotesk-light.woff2') format('woff2'),
      url('/wp-content/fonts/weissenhof-grotesk-light.woff') format('woff');
  font-weight:300;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Weissenhof Grotesk';
  src:url('/wp-content/fonts/weissenhof-grotesk-regular.woff2') format('woff2'),
      url('/wp-content/fonts/weissenhof-grotesk-regular.woff') format('woff');
  font-weight:400;font-style:normal;font-display:swap;
}
@font-face{
  font-family:'Weissenhof Grotesk';
  src:url('/wp-content/fonts/weissenhof-grotesk-medium.woff2') format('woff2'),
      url('/wp-content/fonts/weissenhof-grotesk-medium.woff') format('woff');
  font-weight:500;font-style:normal;font-display:swap;
}

:root{
  --dg-dark:#3a322c;
  --dg-header:#322b26;
  --dg-light:#faf8f6;
  --dg-bridge:#e8e2db;
  --dg-text:#2d2724;
  --dg-muted:#6a6159;
  --dg-sand:#dcd6d0;
  --dg-accent:#f2892d;
  --dg-head:'HeadThinker',Georgia,'Times New Roman',serif;
  --dg-body:'Weissenhof Grotesk','Helvetica Neue',Arial,sans-serif;
  --dg-header-h:76px;
  --dg-max:1220px;
  --dg-r:4px;
}

*,*::before,*::after{box-sizing:border-box}
html{font-size:17px;-webkit-text-size-adjust:100%}
body.digibar-gate{
  margin:0;
  background:var(--dg-dark);
  color:var(--dg-text);
  font-family:var(--dg-body);
  font-weight:400;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}
body.digibar-gate img{max-width:100%;height:auto;display:block}
body.digibar-gate a{color:inherit;text-decoration:none}
body.digibar-gate button,
body.digibar-gate input{font-family:inherit}
body.digibar-gate h1,
body.digibar-gate h2,
body.digibar-gate h3{
  font-family:var(--dg-head);
  font-weight:400;
  letter-spacing:-.02em;
  line-height:.92;
  margin:0;
}
body.digibar-gate p{margin:0}

.dg-skip{
  position:absolute;top:-100%;left:1rem;z-index:10000;
  background:var(--dg-accent);color:#fff;padding:.5rem 1.25rem;border-radius:var(--dg-r);
}
.dg-skip:focus{top:1rem}

.dg-wrap{width:min(var(--dg-max),calc(100% - 4rem));margin:0 auto}
.dg-eyebrow{
  display:inline-flex;align-items:center;gap:.75rem;
  margin:0 0 1.15rem;
  font-size:.72rem;font-weight:500;letter-spacing:.2em;text-transform:uppercase;
  color:var(--dg-accent);
}
.dg-eyebrow__line{width:28px;height:1px;background:var(--dg-accent);flex-shrink:0}

/* Header */
.dg-header{
  position:fixed;top:0;left:0;right:0;z-index:40;
  height:var(--dg-header-h);
  background:var(--dg-header);
  border-bottom:1px solid rgba(255,255,255,.06);
}
.dg-header__inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
.dg-logo{display:flex;align-items:center;line-height:0;flex-shrink:0}
.dg-logo img{width:auto;max-width:168px;max-height:46px;object-fit:contain;object-position:left center}
.dg-header__link{
  font-size:.78rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;
  color:rgba(255,255,255,.78);
}
.dg-header__link:hover{color:#fff}
.dg-header__link:focus-visible{outline:2px solid var(--dg-accent);outline-offset:4px}

/* Hero */
.dg-hero{
  position:relative;
  min-height:76vh;
  display:flex;align-items:center;
  padding:calc(var(--dg-header-h) + 2.6rem) 0 3.2rem;
  background:var(--dg-dark);
  overflow:hidden;
}
.dg-hero__grid{
  position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
  background-size:76px 76px;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, transparent 28%, #000 68%);
  mask-image:linear-gradient(90deg, transparent 0%, transparent 28%, #000 68%);
}
.dg-hero__inner{position:relative;z-index:2}
.dg-hero__marks{
  position:absolute;left:50%;top:48%;
  width:108%;height:auto;
  transform:translateY(-50%);
  pointer-events:none;z-index:1;
}
.dg-hero__motif{
  position:absolute;left:66%;top:44%;
  width:88%;
  transform:translateY(-50%);
  z-index:1;pointer-events:none;
}
.dg-hero__motif img{width:100%;height:auto}
.dg-hero__copy{
  position:relative;z-index:2;
  width:min(70%, 44rem);
  container-type:inline-size;
}
.dg-hero h1{color:#fff;font-size:clamp(2.15rem, 14.2cqi, 6.7rem)}
.dg-hero h1 span{display:block}
.dg-hero__lead{
  max-width:36rem;margin-top:1.6rem;
  color:rgba(255,255,255,.76);
  font-size:1.125rem;font-weight:300;line-height:1.65;
}
.dg-hero__sign{
  margin-top:1.15rem;
  color:rgba(255,255,255,.5);
  font-family:var(--dg-head);
  font-size:clamp(1.35rem,2vw,1.7rem);
  letter-spacing:-.015em;line-height:1.15;
}

/* Nutzen */
.dg-use{background:var(--dg-light);padding:3.6rem 0 3.2rem}
.dg-use h2{
  max-width:14em;
  color:var(--dg-text);
  font-size:clamp(2.5rem,4.2vw,4rem);
  margin-bottom:2.25rem;
}
.dg-use__list{
  list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:1fr 1fr;gap:2.5rem 4.5rem;
}
.dg-use__list li{position:relative;min-height:7.2rem;padding-top:.35rem}
.dg-num{
  position:absolute;right:0;top:-.85rem;
  font-family:var(--dg-head);
  font-size:clamp(4.6rem,7vw,6.4rem);
  line-height:.8;letter-spacing:-.03em;
  color:rgba(30,26,23,.055);
  pointer-events:none;
}
.dg-use h3{
  position:relative;
  font-size:clamp(2.35rem,3.3vw,3.25rem);
  color:var(--dg-text);
}
.dg-use li p{
  position:relative;
  max-width:28rem;margin-top:.7rem;
  color:var(--dg-muted);font-size:1.02rem;font-weight:300;line-height:1.55;
}

/* Übergang */
.dg-bridge{background:var(--dg-bridge);padding:3.15rem 0}
.dg-bridge__inner{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);
  gap:2rem 4rem;align-items:end;
}
.dg-bridge h2{font-size:clamp(2.35rem,4vw,3.7rem);color:var(--dg-text)}
.dg-bridge p{
  max-width:36rem;margin:0 0 .35rem;
  color:var(--dg-muted);font-size:1.05rem;font-weight:300;line-height:1.65;
}

/* Zugang */
.dg-access{
  background:var(--dg-dark);
  padding:3.6rem 0 3.3rem;
}
.dg-access h2{color:#fff;font-size:clamp(2.5rem,4.4vw,4.1rem);margin-bottom:1rem}
.dg-access__lead{
  max-width:36rem;margin-bottom:2rem;
  color:rgba(255,255,255,.72);font-size:1.08rem;font-weight:300;line-height:1.65;
}
.dg-form{width:min(100%,480px)}
.dg-hook:empty{display:none}
.dg-hook{margin:0}

body.digibar-gate #login_error,
body.digibar-gate .login .message,
body.digibar-gate #loginform .message{
  margin:0 0 1.1rem;
  padding:.9rem 1rem;
  border:1.5px solid var(--dg-accent);
  border-left-width:1.5px;
  border-radius:10px;
  background:#fdf2e8;
  box-shadow:none;
  color:var(--dg-text);
  font-size:.95rem;line-height:1.45;
}
body.digibar-gate #login_error a{color:var(--dg-text);text-decoration:underline}

body.digibar-gate #loginform{margin:0}
body.digibar-gate .user-pass-wrap label{
  display:block;margin:0 0 .45rem;
  font-size:.74rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;
  color:rgba(255,255,255,.62);
}
body.digibar-gate .wp-pwd{position:relative}
body.digibar-gate #password_protected_pass{
  display:block;width:100%;
  height:3.55rem;margin:0;padding:0 3.4rem 0 1rem;
  border:1.5px solid rgba(255,255,255,.22);
  border-radius:10px;
  background:#faf8f6;color:var(--dg-text);
  font-size:1.05rem;line-height:1.2;
  box-shadow:none;outline:none;
}
body.digibar-gate #password_protected_pass:focus{
  border-color:var(--dg-accent);
  box-shadow:0 0 0 3px rgba(242,137,45,.28);
}
body.digibar-gate #pp-hide-show-password{
  position:absolute;top:50%;right:.4rem;
  transform:translateY(-50%);
  width:2.6rem;height:2.6rem;padding:0;margin:0;
  border:0;border-radius:var(--dg-r);
  background:transparent;color:var(--dg-muted);
  box-shadow:none;cursor:pointer;
}
body.digibar-gate #pp-hide-show-password:hover{color:var(--dg-text)}
body.digibar-gate #pp-hide-show-password:focus-visible{
  outline:2px solid var(--dg-accent);outline-offset:2px;
}
body.digibar-gate #pp-hide-show-password .dashicons{
  width:22px;height:22px;font-size:22px;line-height:22px;
}

body.digibar-gate .forgetmenot{margin:1rem 0 0}
body.digibar-gate .forgetmenot label{
  display:inline-flex;align-items:center;gap:.55rem;
  color:rgba(255,255,255,.72);font-size:.92rem;cursor:pointer;
}
body.digibar-gate .forgetmenot input{
  width:1.05rem;height:1.05rem;accent-color:var(--dg-accent);margin:0;
}

body.digibar-gate .submit{margin:1.15rem 0 0}
body.digibar-gate #wp-submit{
  display:inline-flex;align-items:center;justify-content:center;
  width:100%;min-height:3.35rem;margin:0;padding:.9rem 1.8rem;
  border:0;border-radius:var(--dg-r);
  background:var(--dg-accent);color:#fff;
  font-size:1rem;font-weight:500;letter-spacing:.02em;line-height:1.2;
  text-shadow:none;box-shadow:0 2px 16px rgba(242,137,45,.28);
  cursor:pointer;transition:transform .25s,box-shadow .25s;
}
body.digibar-gate #wp-submit:hover{
  background:var(--dg-accent);
  box-shadow:0 6px 24px rgba(242,137,45,.4);
  transform:translateY(-2px);
}
body.digibar-gate #wp-submit:focus-visible{
  outline:3px solid var(--dg-accent);outline-offset:3px;
}

.dg-access__next{margin-top:2.4rem;max-width:34rem}
.dg-access__ask{
  margin-bottom:.35rem;
  color:#fff;font-family:var(--dg-head);
  font-size:1.55rem;letter-spacing:-.015em;line-height:1.15;
}
.dg-access__next p:last-of-type{
  color:rgba(255,255,255,.66);font-weight:300;font-size:1rem;
}
.dg-btn{
  display:inline-flex;align-items:center;margin-top:1.15rem;
  padding:.8rem 1.5rem;border-radius:var(--dg-r);
  font-size:.9rem;font-weight:500;letter-spacing:.02em;
}
.dg-btn--ghost{border:1.5px solid rgba(255,255,255,.3);color:#fff}
.dg-btn--ghost:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.dg-btn:focus-visible{outline:3px solid var(--dg-accent);outline-offset:3px}

/* Footer */
.dg-footer{
  background:var(--dg-header);
  border-top:1px solid rgba(255,255,255,.06);
  padding:1.7rem 0 1.85rem;
}
.dg-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem 2rem}
.dg-logo--footer img{max-width:132px;max-height:38px}
.dg-footer p{
  flex:1;margin:0;
  color:rgba(255,255,255,.58);font-size:.92rem;font-weight:300;
}
.dg-footer__nav{display:flex;gap:1.35rem;flex-shrink:0}
.dg-footer__nav a{color:rgba(255,255,255,.72);font-size:.88rem}
.dg-footer__nav a:hover{color:#fff}
.dg-footer__nav a:focus-visible{outline:2px solid var(--dg-accent);outline-offset:3px}

#password-protected-background{position:fixed;inset:0;z-index:-1;pointer-events:none}

@media (max-width:1020px){
  .dg-hero{min-height:70vh}
  .dg-hero__copy{width:min(58%, 24rem)}
  .dg-hero__motif{left:62%;width:78%;opacity:.92}
  .dg-hero__marks{left:48%;width:96%}
  .dg-use__list{gap:2rem 2.5rem}
  .dg-bridge__inner{grid-template-columns:1fr;gap:1.25rem}
}

@media (max-width:760px){
  :root{--dg-header-h:68px}
  .dg-wrap{width:min(var(--dg-max),calc(100% - 2.4rem))}
  .dg-logo img{max-width:132px;max-height:38px}
  .dg-header__link{letter-spacing:.06em;font-size:.68rem}
  .dg-hero{
    min-height:0;
    align-items:flex-start;
    padding:calc(var(--dg-header-h) + 2.4rem) 0 3rem;
  }
  .dg-hero__grid{
    -webkit-mask-image:linear-gradient(180deg, transparent 0%, #000 30%, #000 100%);
    mask-image:linear-gradient(180deg, transparent 0%, #000 30%, #000 100%);
    opacity:.55;
  }
  .dg-hero__copy{width:100%;max-width:none}
  .dg-hero__motif{
    left:auto;right:-28%;top:auto;bottom:-18%;
    width:min(88vw,380px);
    transform:none;opacity:.22;
    -webkit-mask-image:none;mask-image:none;
  }
  .dg-hero__marks{left:auto;right:-30%;top:auto;bottom:-22%;width:min(110vw,480px);transform:none;opacity:.4}
  .dg-hero__lead{font-size:1.02rem;margin-top:1.25rem}
  .dg-use{padding:3.2rem 0 2.8rem}
  .dg-use h2{margin-bottom:1.5rem}
  .dg-use__list{grid-template-columns:1fr;gap:1.6rem}
  .dg-use__list li{min-height:0}
  .dg-num{font-size:4.2rem;top:-.45rem}
  .dg-bridge{padding:2.8rem 0}
  .dg-access{padding:3.2rem 0 3rem}
  .dg-form{width:100%}
  body.digibar-gate #password_protected_pass,
  body.digibar-gate #wp-submit{width:100%}
  .dg-footer__inner{flex-direction:column;align-items:flex-start}
  .dg-footer p{flex:none}
}

@media (prefers-reduced-motion:reduce){
  body.digibar-gate #wp-submit{transition:none}
  body.digibar-gate #wp-submit:hover{transform:none}
}