/*version 1.0-alpha1 */
/*////////////////////////////////////////////////////////////////////////
//  01 - General
///////////////////////////////////////////////////////////////////////*/
main {
  min-height: 0;
}

.bg-secondary {
  background-color: transparent !important;
}

.bg-primary {
  background-color: black !important;
}

h1 {
  font-size: 1.9em;
  color: #000000;
}

body {
  color: #000000;
}

a {
  color: #009DB5;
}

* {
  scrollbar-color: #7baea1 transparent;
}

#page-content {
  color: black;
  padding-left: 0px;
}

button {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 0px !important;
  padding-top: 0.7rem !important;
  padding-bottom: 0.7rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.button {
  background-color: #000000 !important;
  border-color: #000000 !important;
  color: #fff !important;
  font-weight: 700 !important;
  border-radius: 0px !important;
  padding-top: 0.7rem !important;
  padding-bottom: 0.7rem !important;
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

/*////////////////////////////////////////////////////////////////////////
//  02 - Header
///////////////////////////////////////////////////////////////////////*/
header {
  background: white !important;
  box-shadow: none !important;
}

#header-brand {
  background: white !important;
  padding-top: 2.5rem !important;
}

#header-brand a.navbar-brand {
  text-transform: none;
}

#header-brand img,
.region-header-branding-mobile img {
  max-height: 44px;
}

#header-menu .container {
  padding: 0 15px;
}

.page-title {
  padding-bottom: 1em;
  color: #000000;
}

.navbar-toggler,
#navigation-container {
  display: none !important;
}

/*////////////////////////////////////////////////////////////////////////
//  03 - Newsletteranmeldung - Drupal Formulare
///////////////////////////////////////////////////////////////////////*/
.btn-primary {
  background-color: #7baea1;
  color: white;
  border-color: #7baea1;
  margin-left: 0px;
}

.btn-primary:hover {
  background-color: #7baea1;
  color: white;
  border-color: #7baea1;
}

#edit-mailing-lists legend .fieldset-legend {
  visibility: visible;
  font-size: 0px;
}

#edit-mailing-lists legend {
  line-height: 0px;
}

#edit-unsubscribe .fieldset-legend {
  visibility: visible;
  font-size: 0.8em;
}

#edit-conditions-public {
  background-color: #fff;
  border: #fff;
  padding-left: 0;
}

#edit-email--description {
  margin-top: 1em;
}

/*////////////////////////////////////////////////////////////////////////
//  04 - CiviCRM Formulare
///////////////////////////////////////////////////////////////////////*/
#edit-conditions-public {
  font-size: 1.2rem;
  color: #000000;
}

/*////////////////////////////////////////////////////////////////////////
//  04.2 - CiviCRM Event Anmeldung
///////////////////////////////////////////////////////////////////////*/
.crm-actionlinks-top {
  display: none;
}

.event_summary-section {
  margin-bottom: 2rem !important;
}

.event_date_time-section, .event_address-section {
  display: none;
}

/*////////////////////////////////////////////////////////////////////////
//  05 - Footer
///////////////////////////////////////////////////////////////////////*/
footer.bg-secondary {
  background-color: white !important;
}

footer .justify-content-center {
  justify-content: left !important;
}

#page-footer-sub {
  border-top: 1px solid #fff;
  box-shadow: none;
  background-color: black !important;
}

#page-footer {
  box-shadow: none;
  background-color: black !important;
  padding-top: 30px !important;
}

#page-footer .region {
  padding: 0rem;
}

#block-bfd-systopia-footerschwarz {
  margin-left: 0px;
}

/*Footer Menu*/
ul li {
  display: inline;
}

.menu-footer .menu-item {
  margin: 1.5rem;
}

#footer_text {
  margin-top: 2em;
}

#block-auflebenfooter a {
  color: #009DB5;
}

/* page-footer page-footer-sub */
/*#page-footer-sub .row,
#page-footer .row {
  flex-wrap: nowrap;
}*/
#page-footer-sub .row > div:nth-of-type(2),
#page-footer .row > div:nth-of-type(2) {
  display: none !important;
}

/*#page-footer-sub .row > div:nth-of-type(3) {
  justify-content: right !important;
}
#page-footer .row > div:nth-of-type(3) {
  text-align: right;
}*/
#page-footer-sub .row > div:first-of-type,
#page-footer .row > div:first-of-type {
  flex: unset;
  max-width: unset;
}

#page-footer-sub .row > div:last-of-type,
#page-footer .row > div:last-of-type {
  flex: unset;
  max-width: unset;
}

.menu-footer li:last-of-type {
  margin-right: 0;
}

#page-footer .menu-footer {
  margin-bottom: 1.5rem;
  padding-left: 0;
}

#page-footer .menu-footer a {
  color: white !important;
}

#page-footer .menu-footer li {
  display: block;
  margin-left: 0;
}

#page-footer .menu-footer li:before {
  display: none;
}

#page-footer-sub .menu-footer {
  display: none;
}

#page-footer img {
  max-width: 100%;
}

/* footer social */
#page-footer svg {
  fill: white;
  width: 40px;
  height: 40px;
}

.block__socials {
  padding: 0;
  margin-left: -10px;
}

/* responsive */
@media (min-width: 768px) {
  #page-footer-sub .row,
  #page-footer .row {
    flex-wrap: nowrap;
  }
  #page-footer .menu-footer {
    display: none;
  }
  #page-footer-sub .menu-footer {
    display: block;
  }
  #page-footer-sub .row > div:nth-of-type(3) {
    justify-content: right !important;
  }
  #page-footer .row > div:nth-of-type(3) {
    text-align: right;
  }
}
@media (min-width: 1000px) {
  #page-footer svg {
    width: 46px;
    height: 46px;
  }
}