/* Werkbank: Login-Seite — links das Formular, rechts ein Motiv (eines von acht, im Zufall). */
html.wb body:has(#partnerAuth:not(.hidden)){background:var(--surface)}
html.wb .p-auth.wbl{max-width:none;margin:0;padding:0;border:0;background:var(--surface);box-shadow:none;display:grid;grid-template-columns:minmax(0,48fr) minmax(0,52fr);min-height:var(--wb-vh,100vh)}
html.wb .p-auth.wbl.hidden{display:none}
html.wb .wbl-links{display:flex;flex-direction:column;padding:40px clamp(24px,7vw,104px) 36px;min-width:0}
html.wb .wbl-marke{display:flex;align-items:center;gap:14px}
html.wb .wbl-marke .ib-brand-mark{width:54px;display:block}
html.wb .wbl-marke .ib-brand-mark svg{display:block;width:100%;height:auto}
html.wb .wbl-marke .ib-brand-text{display:flex;flex-direction:column;line-height:1.15}
html.wb .wbl-marke .brand-word{font-size:28px;font-weight:300;letter-spacing:-.01em;color:var(--ink)}
html.wb .wbl-marke .brand-word b{font-weight:700}
html.wb .wbl-marke small{font-size:16px;color:var(--ink-faint);margin-top:2px}
html.wb .wbl-mitte{flex:1;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:630px;padding:40px 0}
html.wb .wbl-h{margin:0;font-size:46px;font-weight:600;letter-spacing:-.025em;line-height:1.1;color:var(--ink)}
html.wb .wbl-sub{margin:14px 0 0;font-size:21px;color:var(--ink-soft);line-height:1.45}
html.wb .wbl-kopf{margin-bottom:34px}
html.wb .p-auth.wbl:has(#pKoopForm:not(.hidden)) .wbl-kopf{display:none}
html.wb .wbl .auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:6px;margin:0 0 34px;background:var(--wb-work);border:0}
html.wb .wbl .auth-tab{height:60px;padding:0 12px;background:transparent;color:var(--ink-soft);font-size:20px;font-weight:600}
html.wb .wbl .auth-tab.active{background:var(--surface);color:var(--ink);box-shadow:var(--wb-tab-on)}
html.wb .wbl form{display:flex;flex-direction:column;gap:22px}
html.wb .wbl form .sub{display:none}
html.wb .wbl .field{display:flex;flex-direction:column;gap:10px;margin:0}
html.wb .wbl .field>span:first-child,html.wb .wbl .wbl-lblrow label{font-size:19px;font-weight:500;color:var(--ink-mid)}
html.wb .wbl-lblrow{display:flex;align-items:baseline;justify-content:space-between;gap:12px}
html.wb .wbl-lblrow .link-btn{font-size:18px;font-weight:600;color:var(--accent-dark);text-decoration:none}
html.wb .wbl-in{display:flex;align-items:center;gap:14px;height:74px;padding:0 22px;border:1.5px solid var(--wbm-feld,#D5D8D0);background:var(--surface);color:var(--ink-faint)}
html.wb .wbl-in:focus-within{border-color:var(--accent-dark);box-shadow:0 0 0 1px var(--accent-dark)}
html.wb .wbl-in svg{flex:none}
html.wb .wbl-in input,html.wb .wbl .field>input{flex:1;min-width:0;width:100%;height:100%;border:0!important;outline:0;background:transparent!important;box-shadow:none!important;padding:0;font-size:22px;color:var(--ink)}
html.wb .wbl .field>input{height:74px;padding:0 22px;border:1.5px solid var(--wbm-feld,#D5D8D0)!important;background:var(--surface)!important}
html.wb .wbl .field>input:focus{border-color:var(--accent-dark)!important;box-shadow:0 0 0 1px var(--accent-dark)!important}
html.wb .wbl-in input::placeholder{color:var(--ink-faint)}
html.wb .wbl-auge{flex:none;width:44px;height:44px;margin-right:-10px;display:flex;align-items:center;justify-content:center;border:0;background:none;color:var(--ink-soft);cursor:pointer}
html.wb .wbl-auge[aria-pressed="true"]{color:var(--accent-dark)}
html.wb .wbl .btn-lg{height:80px;width:100%;margin-top:8px;font-size:23px;display:flex;align-items:center;justify-content:center;gap:14px}
html.wb .wbl-hinweis{margin:10px 0 0;text-align:center;font-size:18px;color:var(--ink-faint)}
html.wb .wbl form:has(#pPwField.hidden) .wbl-hinweis{display:none}
html.wb .wbl .auth-error{margin:0;font-size:17px}
html.wb .wbl-fuss{display:flex;flex-wrap:wrap;gap:8px 28px;margin:0;font-size:18px;color:var(--ink-faint)}
html.wb .wbl-fuss a{color:var(--ink-soft);text-decoration:none}
html.wb .wbl-fuss a:hover{color:var(--ink)}
html.wb .wbl-bild{background:var(--wb-work) center/cover no-repeat;min-height:320px}
@media (max-width:900px){
  html.wb .p-auth.wbl{grid-template-columns:1fr;min-height:100vh}
  html.wb .wbl-bild{display:none}
  html.wb .wbl-links{padding:22px 20px 24px}
  html.wb .wbl-h{font-size:32px}
  html.wb .wbl-sub{font-size:17px}
  html.wb .wbl .auth-tab{height:50px;font-size:17px}
  html.wb .wbl-in,html.wb .wbl .field>input{height:58px;font-size:17px}
  html.wb .wbl-in input{font-size:17px}
  html.wb .wbl .btn-lg{height:60px;font-size:18px}
  html.wb .wbl .field>span:first-child,html.wb .wbl .wbl-lblrow label,html.wb .wbl-lblrow .link-btn,html.wb .wbl-hinweis,html.wb .wbl-fuss{font-size:15.5px}
  html.wb .wbl-marke .brand-word{font-size:22px}
  html.wb .wbl-marke .ib-brand-mark{width:42px}
}
html.wb .wbl .field>input{flex:none}
@media (max-width:900px){html.wb .wbl .field>input{height:58px}}