:root {
  --color: #000000;
  --orange: #cb9d07;
  --blue: #221f7f;

  --bluetwo: #170e68;

  --green: #259149;
}

main {
  font-family: 'Open Sans', sans-serif;

}




.navbar {

  background-color: transparent !important;

}
.nav-link { color: #000 !important;}

.teilnehmen-btn, .teilnehmen-btn a {
  background-color: var(--green) !important;
  color: #fff !important;

}

.scrolled {
  background-color: var(--green) !important;
  //background-image: url(../img/bg.jpg);
  background-size: cover;
}

.scrolled .teilnehmen-btn a {
  color: var(--green) !important;
  background-color: #fff !important;
}

.scrolled .nav-link {
  color: #fff !important;
}

.navbar-toggler {
    border: none;
}
.navbar-toggler-icon {
  border-color: #000;
}

.dropdown-menu {
  overflow: scroll !important;
  max-height: 80vh !important;
}

a {
  color: var(--blue);
}
a:hover {
  color: var(--orange);
}

.btn-primary {
  background-color: var(--bluetwo) !important;
  background-color: var(--green) !important;
  color: #fff !important;
  border: none;
  border-radius: 0px;

}

#redebeitrag {
  width: 100%;
  border-radius: 0px;
  margin-bottom: 10px;
  background-color: var(--green) !important;
}

.shadow {

  //-webkit-box-shadow: -2px 5px 15px 1px rgba(0,0,0,0.54) !important;
  //-moz-box-shadow: -2px 5px 15px 1px rgba(0,0,0,0.54) !important;
  box-shadow: -2px 5px 15px 1px rgba(0,0,0,0.2) !important;
}

.bg {
  background-image: url(../img/bg.jpg);
}

#header {
  //padding-top: 60px;
  //background-color: var(--orange);
  //background-image: url(../img/bg.jpg);
  background-size: cover;
  background-attachment: fixed;
  color: #fff;
}

#main-content {
  background-image: url('../img/bg.png');
  background-size: 100%;
  background-position: center 105%;
  background-repeat: no-repeat;
}

.agenda-table ul {
  list-style: none;
  padding-left: 0px;
  padding-top: 10px;
}

.agenda-table li {
  padding-bottom: 10px;
}

.agenda-table .speech-heading {
  font-style: italic;
}

.agenda-table .agenda-time-cell {
  width: 17%;
  padding: 20px;
  padding-top: 10px;
  text-align: center !important;
}

.sub-ul {
  padding-left: 20px !important;
}

#speaker-section .row {
  padding-top: 40px !important;
}

.speaker-img {
  margin-bottom: 20px;
}

#footer {
  background-color: var(--green);
  //background-image: url(../img/bg.jpg);
  background-size: cover;
  background-position: center center;

  color: #fff !important;
  color: #fff;
  font-size: 0.7em;
}


#footer a {
  color: #fff;
}
#footer a:hover {
  color: var(--orange);
}

.modal h1 {
  font-size: 2em;
}

.modal h2 {
  font-size: 1.5em;
  padding-bottom: 15px;
  padding-top: 15px;
}


@media (max-width: 575.98px) {
  #header {
    background-attachment: scroll;
  }

  .navbar-collapse {
    padding-left: 15px;
    //background-image: url(../img/bg.jpg) !important;
    //background-size: cover;
    //background-color: rgba(0,0,0,0.7);
  }
  .navbar {
    //background-image: url(../img/bg.jpg);
    //background-size: cover;
  }

  .dropdown-menu {
    overflow: scroll !important;
    max-height: 50vh !important;
  }

 }

@media (max-width: 767.98px) {
    .dropdown-menu {
      overflow: scroll !important;
      max-height: 40vh !important;
    }
  }


@media (max-width: 991.98px) {
  .dropdown-menu {
    overflow: scroll !important;
    max-height: 40vh !important;
  }
 }


@media (max-width: 1199.98px) { ... }


@media (max-width: 1399.98px) { ... }