.cb_template .border,
.cb_template .border-top,
.cb_template .border-end,
.cb_template .border-bottom,
.cb_template .border-start,
.cb_template .cbNavBar,
.cb_template .card,
.cb_template .navbar,
.cb_template .form-control,
.cb_template .form-select,
.cb_template .input-group-text,
.cb_template .cb_form_line,
.cb_template .cbCanvasLayout,
.cb_template .cbCanvasLayoutTop,
.cb_template .cbCanvasLayoutNav,
.cb_template .cbTabsMenuNavBar {
  border-color: #dfd7ca !important;
}
.cb_template .cbNavBar.bg-light {
  background-color: #fbfaf7 !important;
}
.cb_template .cbTabs,
.cb_template .cbTabs .nav,
.cb_template .cbTabs .nav-tabs,
.cb_template .cbTabs .tab-content,
.cb_template .cbTabs .tab-pane,
.cb_template .cbPosTabMain,
.cb_template .cbPosTabMain .cbTabs,
.cb_template .cbPosTabMain .nav-tabs,
.cb_template .cbPosTabMain .tab-content,
.cb_template .cbPosSeparator,
.cb_template hr {
  border-color: #dfd7ca !important;
}
/* =========================================================
   Community Builder Login Styling
   Seite/Bereich: CB Login ohne SP Page Builder
   Zweck:
   - Eingabefelder mit Rahmenfarbe #dfd7ca
   - 6px Rundung
   - 20px Innenabstand links in den Feldern
   - Passkey- und Einloggen-Button sauber formatiert
   - Zusatzlinks darunter zentriert
   Hinweis:
   - Dieser Block ist fuer Loginformulare ohne .cb_template-
     Wrapper geschrieben und greift ueber #sp-component.
   ========================================================= */

#sp-component form.mod-login.cbLoginForm .mod-login__username,
#sp-component form.mod-login.cbLoginForm .mod-login__password,
#sp-component form.mod-login.cbLoginForm .mod-login__twofactor,
#sp-component form.mod-login.cbLoginForm .mod-login__remember,
#sp-component form.mod-login.cbLoginForm .mod-login__submit,
#sp-component form.mod-login.cbLoginForm .mod-login__options,
#sp-component form.mod-login.cbLoginForm .form-group,
#sp-component form.mod-login.cbLoginForm .control-group {
  margin-bottom: 16px !important;
}

#sp-component form.mod-login.cbLoginForm input[type="text"],
#sp-component form.mod-login.cbLoginForm input[type="password"],
#sp-component form.mod-login.cbLoginForm input[type="email"],
#sp-component form.mod-login.cbLoginForm input[type="search"],
#sp-component form.mod-login.cbLoginForm select,
#sp-component form.mod-login.cbLoginForm textarea {
  min-height: 48px !important;
  padding: 0 16px 0 20px !important;
  border: 1px solid #dfd7ca !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  background: #ffffff !important;
}

#sp-component form.mod-login.cbLoginForm input[type="text"]:focus,
#sp-component form.mod-login.cbLoginForm input[type="password"]:focus,
#sp-component form.mod-login.cbLoginForm input[type="email"]:focus,
#sp-component form.mod-login.cbLoginForm input[type="search"]:focus,
#sp-component form.mod-login.cbLoginForm select:focus,
#sp-component form.mod-login.cbLoginForm textarea:focus {
  border-color: #dfd7ca !important;
  border-radius: 6px !important;
  box-shadow: none !important;
  outline: none !important;
}

#sp-component form.mod-login.cbLoginForm .mod-login__remember,
#sp-component form.mod-login.cbLoginForm .form-check {
  margin-top: 8px !important;
  margin-bottom: 0 !important;
}

#sp-component form.mod-login.cbLoginForm .mod-login__submit {
  display: flex !important;
  flex-direction: row !important;
  gap: 12px !important;
  margin-top: 12px !important;
  align-items: stretch !important;
  flex-wrap: wrap !important;
}

#sp-component form.mod-login.cbLoginForm .mod-login__submit .btn,
#sp-component form.mod-login.cbLoginForm .mod-login__submit button {
  width: auto !important;
  flex: 1 1 0 !important;
  min-width: 190px !important;
  min-height: 48px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
}

#sp-component form.mod-login.cbLoginForm .mod-login__options,
#sp-component form.mod-login.cbLoginForm ul.mod-login__options,
#sp-component form.mod-login.cbLoginForm .list-unstyled.mod-login__options {
  margin: 14px 0 0 0 !important;
  padding: 0 !important;
  list-style: none !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 6px !important;
  align-items: center !important;
  text-align: center !important;
}

#sp-component form.mod-login.cbLoginForm .mod-login__options li {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.4 !important;
  text-align: center !important;
}

#sp-component form.mod-login.cbLoginForm .mod-login__options a {
  display: inline-block !important;
  text-decoration: none !important;
  text-align: center !important;
}

#sp-component form.mod-login.cbLoginForm .btn.btn-secondary,
#sp-component form.mod-login.cbLoginForm button.btn.btn-secondary {
  background: #6f90b3 !important;
  border-color: #6f90b3 !important;
  color: #ffffff !important;
}

#sp-component form.mod-login.cbLoginForm .btn.btn-primary,
#sp-component form.mod-login.cbLoginForm button.btn.btn-primary,
#sp-component form.mod-login.cbLoginForm .btn:not(.btn-secondary) {
  background: #8c7f70 !important;
  border-color: #4a5568 !important;
  color: #ffffff !important;
}

@media (max-width: 767px) {
  #sp-component form.mod-login.cbLoginForm .mod-login__submit {
    flex-direction: column !important;
  }

  #sp-component form.mod-login.cbLoginForm .mod-login__submit .btn,
  #sp-component form.mod-login.cbLoginForm .mod-login__submit button {
    min-width: 100% !important;
  }
}
.cb_template .pbWallRow,
.cb_template .card.mb-3.pbWallRow,
.cb_template .pbWallRowHeader,
.cb_template .pbWallRowDetails {
  background-color: #fbfaf7 !important;
}