@charset "UTF-8";
.bg-secondary {
  background: rgb(57, 115, 185) !important;
}

#header-menu {
  visibility: hidden;
  background: rgb(57, 115, 185) !important;
  color: rgb(57, 115, 185) !important;
}

#header-brand img.logo {
  max-height: 85px !important;
  margin-bottom: 2vw;
}

#header-brand a.navbar-brand {
  color: rgb(57, 115, 185) !important;
}

#page-footer {
  visibility: hidden !important;
}

#page-footer-sub {
  background: #fff !important;
}

/* civicrm.css | https://crm.hochschule-rhein-waal.de/libraries/civicrm/core/css/civicrm.css?r=R7qyzde_DE */
.crm-container .status.crm-ok {
  border-color: #000;
  background-color: #3374b5;
  color: #fff;
  padding: 10px;
}

.crm-container a, .crm-container a:link, .crm-container a:visited {
  color: #fff;
  text-decoration: underline;
}

/* h2 überschrift ausblenden */
/* zweite Überschrift h2 behilfsmäßig ausblenden */
#block-bfd-systopia-page-title h2 {
  display: none;
}

#block-bfd-systopia-page-title > h2:nth-child(1) {
  font-family: "Noto Serif";
  color: #2e57a5 !important;
} /*

/* Element | https://crm.hochschule-rhein-waal.de/civicrm/event/info?id=20&reset=1 */
div.crm-section:nth-child(2) {
  font-family: -apple-system, BlinkMacSystemFont, "Noto Serif";
}

/* Element | https://crm.hochschule-rhein-waal.de/civicrm/event/info?id=20&reset=1 */
div.crm-section:nth-child(5) {
  color: #2e57a5;
}

/* Element | https://crm.hochschule-rhein-waal.de/civicrm/event/info?id=20&reset=1 */
div.crm-section:nth-child(6) {
  color: #2e57a5;
}

/* Element | https://crm.hochschule-rhein-waal.de/civicrm/event/info?id=20&reset=1 */
.page-title {
  color: #2e57a5;
  font-family: "Noto Serif";
}

/* Button Design */
.dropbutton-widget {
  color: #fff !important;
  background-color: #2e57a5;
  border-radius: 0.2rem;
}

.dropbutton-wrapper .dropbutton-widget {
  /*! border: 1px solid #ccc; */
  border: none !important;
}

.dropbutton .dropbutton-action > * {
  color: #fff !important;
  background-color: #2e57a5;
  padding: 0.375rem 1rem;
  font-size: 1rem;
  line-height: 1.35;
  border-radius: 0.2rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Element | https://crm.hochschule-rhein-waal.de/civiremote/event/20/ */
/*
.can-cancel-registration > a:nth-child(1) {
  color: white;
  margin: 5px;
}
*/
.views-row {
  line-height: 2;
}

.views-field-event-description {
  margin-bottom: 5%;
}

#edit-submit-civiremote-event-available-events {
  margin-bottom: -15px;
  background-color: #2e57a5;
  border-color: #2e57a5;
}

#edit-submit {
  background-color: #2e57a5;
  border-color: #2e57a5;
}

.form-element-suffix a {
  color: #2e57a5;
}

/*header2 */
.views-field-event-title a {
  color: #2e57a5;
}

.custom-control-input:checked ~ .custom-control-label::before {
  border-color: #2e57a5;
  background-color: #2e57a5;
}

/*Register button:*/
.dropbutton-widget {
  background-color: #2e57a5 !important;
  margin-top: 1%;
}

.can-register.dropbutton-action a {
  color: white !important;
}

/**Nav Items**/
.nav-item.active {
  color: #fff !important;
  background-color: #2e57a5 !important;
}

.nav-item a {
  color: #2e57a5;
}

.btn-primary {
  background-color: #2e57a5 !important;
  border-color: #2e57a5 !important;
}

.views-label.views-label-event-description {
  font-size: x-large !important;
  color: #2e57a5 !important;
}

/**Beschreibungstext für "field-Content**/
.field-content p span font {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

.views-field-event-description p span font {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important;
}

/**Beschreibungstext für Label von "field-content"
 * 
 * /
 * */
.views-field .views-label {
  color: #2e57a5 !important;
  font-weight: bolder;
}

/**Anmelde-Informationen einrücken**/
.views-field.views-field-summary {
  display: flex;
  flex-direction: column; /* Stack spans vertically */
  align-items: flex-start; /* Align items to the start */
}

.views-field.views-field-summary span.field-content {
  margin-left: auto; /* Push to the right edge */
}

.views-field.views-field-summary span:nth-child(2n) {
  margin-left: 0; /* Reset margin for every second span */
}