/* Farben der Markenportale. Erzeugt aus src/server/marken.ts --
   nicht von Hand pflegen. */

.portal[data-marke="hammerpad"] {
  --blue: #1266a0;
  --blue-bright: #0e609d;
  --blue-soft: #e5f2fa;
}
.portal[data-marke="hammerpad"] .sidebar {
  background:
    radial-gradient(circle at 50% 14%, rgba(18,102,160, .1), transparent 26%),
    linear-gradient(150deg, var(--dark-soft), var(--dark) 64%);
}
.portal[data-marke="hammerpad"] .sidebar::before, .portal[data-marke="hammerpad"] .sidebar::after { background: #1266a0; }
.portal[data-marke="hammerpad"] .nav-button i { color: #1266a0; }
.portal[data-marke="hammerpad"] .nav-button.is-active { background: rgba(18,102,160, .2); }
.portal[data-marke="hammerpad"] .avatar { background: #1266a0; }
.portal[data-marke="hammerpad"] .help-box button { color: #1266a0; }
.portal[data-marke="hammerpad"] .content {
  background:
    radial-gradient(circle at 86% 10%, rgba(18,102,160, .06), transparent 36%),
    #f4f7f9;
}
.portal-choice[data-portal-choice="hammerpad"] { --switch-color: #1266a0; }
.karte-seite[data-marke="hammerpad"] {
  --blue: #1266a0;
  --blue-bright: #0e609d;
  --blue-soft: #e5f2fa;
}
.auth[data-marke="hammerpad"] { --blue: #1266a0; --blue-bright: #0e609d; --blue-soft: #e5f2fa; }
.auth[data-marke="hammerpad"] .auth-brand {
  background:
    radial-gradient(circle at 50% 38%, rgba(18,102,160, .18), transparent 52%),
    linear-gradient(156deg, #242424, #101010 70%);
}
.auth[data-marke="hammerpad"] .auth-brand::before, .auth[data-marke="hammerpad"] .auth-brand::after { background: #1266a0; }
.auth[data-marke="hammerpad"] .brand-lockup[data-login-brand="hammerpad"] { display: flex; }
.auth[data-marke="hammerpad"] .auth-message[data-login-brand="hammerpad"],
.auth[data-marke="hammerpad"] .auth-foot[data-login-brand="hammerpad"],
.auth[data-marke="hammerpad"] .overline[data-login-brand="hammerpad"],
.auth[data-marke="hammerpad"] .login-copy[data-login-brand="hammerpad"] { display: block; }
.auth[data-marke="hammerpad"] .brand-mark, .portal[data-marke="hammerpad"] .brand-mark {
  background: url("/inhalt/assets/hammerpad-marke.png") center / contain no-repeat;
  color: transparent;
}
.switch-logo[data-marke="hammerpad"] {
  background: #fff url("/inhalt/assets/hammerpad-marke.png") center / 76% no-repeat;
  color: transparent;
  font-size: 0;
}
.portal[data-marke="cwc"] {
  --blue: #ff3528;
  --blue-bright: #ff4a3d;
  --blue-soft: rgba(255,59,46,.13);
  --bg: #171717;
  --surface: #202020;
  --surface-soft: #292929;
  --ink: #f6f6f6;
  --muted: #a7a7a7;
  --line: #383838;
}
.portal[data-marke="cwc"] .sidebar {
  background:
    radial-gradient(circle at 50% 14%, rgba(255,53,40, .1), transparent 26%),
    linear-gradient(150deg, #252525, #101010 64%);
}
.portal[data-marke="cwc"] .sidebar::before, .portal[data-marke="cwc"] .sidebar::after { background: #ff3528; }
.portal[data-marke="cwc"] .nav-button i { color: #ff3528; }
.portal[data-marke="cwc"] .nav-button.is-active { background: rgba(255,53,40, .2); }
.portal[data-marke="cwc"] .avatar { background: #ff3528; }
.portal[data-marke="cwc"] .help-box button { color: #ff3528; }
.portal[data-marke="cwc"] .content {
  background:
    radial-gradient(circle at 86% 10%, rgba(255,53,40, .07), transparent 36%),
    #171717;
}
.portal[data-marke="cwc"] .topbar { background: #1d1d1d; }
.portal[data-marke="cwc"] .customer-icon { background: rgba(255,59,46,.13); color: #ff3528; }
.portal-choice[data-portal-choice="cwc"] { --switch-color: #ff3528; }
.karte-seite[data-marke="cwc"] {
  --blue: #ff3528;
  --blue-bright: #ff4a3d;
  --blue-soft: rgba(255,59,46,.13);
}
.auth[data-marke="cwc"] { --blue: #ff3528; --blue-bright: #ff4a3d; --blue-soft: #fff0ee; }
.auth[data-marke="cwc"] .auth-brand {
  background:
    radial-gradient(circle at 50% 38%, rgba(255,53,40, .18), transparent 52%),
    linear-gradient(156deg, #242424, #101010 70%);
}
.auth[data-marke="cwc"] .auth-brand::before, .auth[data-marke="cwc"] .auth-brand::after { background: #ff3528; }
.auth[data-marke="cwc"] .brand-lockup[data-login-brand="cwc"] { display: flex; }
.auth[data-marke="cwc"] .auth-message[data-login-brand="cwc"],
.auth[data-marke="cwc"] .auth-foot[data-login-brand="cwc"],
.auth[data-marke="cwc"] .overline[data-login-brand="cwc"],
.auth[data-marke="cwc"] .login-copy[data-login-brand="cwc"] { display: block; }
.auth[data-marke="cwc"] [data-login-brand="cwc"] .brand-name,
.auth[data-marke="cwc"] [data-login-brand="cwc"] .brand-sub { display: none; }
.auth[data-marke="cwc"] .brand-mark, .portal[data-marke="cwc"] .brand-mark {
  background: url("/inhalt/assets/cwc-logo.png") center / contain no-repeat;
  color: transparent;
}
.switch-logo[data-marke="cwc"] {
  background: #fff url("/inhalt/assets/cwc-signet.png") center / 76% no-repeat;
  color: transparent;
  font-size: 0;
}
.portal[data-marke="systems360"] {
  --blue: #e72820;
  --blue-bright: #e72820;
  --blue-soft: #fff0ee;
}
.portal[data-marke="systems360"] .sidebar {
  background:
    radial-gradient(circle at 50% 14%, rgba(231,40,32, .1), transparent 26%),
    linear-gradient(150deg, var(--dark-soft), var(--dark) 64%);
}
.portal[data-marke="systems360"] .sidebar::before, .portal[data-marke="systems360"] .sidebar::after { background: #e72820; }
.portal[data-marke="systems360"] .nav-button i { color: #e72820; }
.portal[data-marke="systems360"] .nav-button.is-active { background: rgba(231,40,32, .2); }
.portal[data-marke="systems360"] .avatar { background: #e72820; }
.portal[data-marke="systems360"] .help-box button { color: #e72820; }
.portal[data-marke="systems360"] .content {
  background:
    radial-gradient(circle at 86% 10%, rgba(231,40,32, .06), transparent 36%),
    #f4f7f9;
}
.portal-choice[data-portal-choice="systems360"] { --switch-color: #e72820; }
.karte-seite[data-marke="systems360"] {
  --blue: #e72820;
  --blue-bright: #e72820;
  --blue-soft: #fff0ee;
}
.auth[data-marke="systems360"] { --blue: #e72820; --blue-bright: #e72820; --blue-soft: #fff0ee; }
.auth[data-marke="systems360"] .auth-brand {
  background:
    radial-gradient(circle at 50% 38%, rgba(231,40,32, .18), transparent 52%),
    linear-gradient(156deg, #242424, #101010 70%);
}
.auth[data-marke="systems360"] .auth-brand::before, .auth[data-marke="systems360"] .auth-brand::after { background: #e72820; }
.auth[data-marke="systems360"] .brand-lockup[data-login-brand="systems360"] { display: flex; }
.auth[data-marke="systems360"] .auth-message[data-login-brand="systems360"],
.auth[data-marke="systems360"] .auth-foot[data-login-brand="systems360"],
.auth[data-marke="systems360"] .overline[data-login-brand="systems360"],
.auth[data-marke="systems360"] .login-copy[data-login-brand="systems360"] { display: block; }
.auth[data-marke="systems360"] [data-login-brand="systems360"] .brand-name,
.auth[data-marke="systems360"] [data-login-brand="systems360"] .brand-sub { display: none; }
.auth[data-marke="systems360"] .brand-mark, .portal[data-marke="systems360"] .brand-mark {
  background: url("/inhalt/assets/360systems-logo.png") center / contain no-repeat;
  color: transparent;
}
.switch-logo[data-marke="systems360"] {
  background: #fff url("/inhalt/assets/360systems-signet.png") center / 76% no-repeat;
  color: transparent;
  font-size: 0;
}