html {
  height: 100%; }

body {
  height: 100vh;
  margin: 0px; }

.main {
  width: 100vw;
  overflow-y: auto;
  display: flex;
  flex-direction: column; }
  .main section {
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #2b4167; }
    .main section .subsection {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 100%;
      padding-bottom: 60px; }
      .main section .subsection:nth-child(even) {
        color: white;
        background-color: #2b4167; }
      .main section .subsection:nth-child(odd) {
        color: #2b4167;
        background-color: white; }
        .main section .subsection:nth-child(odd):nth-child(1) {
          margin-bottom: 0px;
          padding: 0px; }
    .main section header {
      font-size: 30px;
      margin-bottom: 30px;
      font-family: "Segoe UI", Arial, sans-serif;
      text-transform: uppercase;
      font-weight: 400;
      width: 100%;
      text-align: center;
      padding-top: 40px; }
    .main section img {
      width: 75%; }
    .main section .members {
      display: flex;
      flex-direction: column;
      align-items: center; }
      .main section .members__member {
        width: 50%;
        padding-bottom: 2rem;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch; }
        .main section .members__member__name {
          font-size: 1.5rem;
          padding-bottom: 3rem;
          display: flex;
          justify-content: center;
          align-items: center;
          font-family: "Segoe UI", Arial, sans-serif;
          font-weight: 400;
          letter-spacing: 4px; }
        .main section .members__member__content {
          display: flex;
          flex-direction: column;
          justify-content: center;
          align-items: stretch; }
          .main section .members__member__content__img {
            border-radius: 15px;
            border-collapse: separate; }
            .main section .members__member__content__img img {
              width: 100%;
              max-height: 60vh;
              object-fit: cover; }
          .main section .members__member__content__description {
            padding-top: 15px; }
            .main section .members__member__content__description p {
              text-align: justify;
              line-height: 1.5;
              font-family: "Lato", sans-serif; }
    .main section .liste {
      padding-top: 20px;
      display: flex;
      flex-direction: column;
      align-items: left;
      width: 50%;
      max-width: 415px; }
      .main section .liste__auftritt {
        padding: 20px 0px;
        font-size: 20px; }
        .main section .liste__auftritt .date {
          margin-bottom: 5px;
          font-weight: bold; }
        .main section .liste__auftritt .location {
          display: flex;
          font-style: italic;
          flex-direction: row;
          justify-content: center; }
    .main section .videos {
      display: flex;
      flex-direction: column;
      align-items: center;
      width: 50%; }
      .main section .videos iframe {
        border: none;
        width: 50vw;
        height: 30vw;
        margin-bottom: 2rem; }
    .main section .impressum {
      width: 40%;
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      max-width: 270px; }
  .main .logo {
    display: flex;
    justify-content: center;
    flex-basis: 10vh;
    padding: 10px 0px;
    background-color: #2b4167; }
    .main .logo .image-container {
      overflow: hidden;
      width: 25%; }
      .main .logo .image-container img {
        translate: -40px 0px;
        object-fit: contain;
        width: 100%; }
  .main .nav-bar {
    height: 3rem;
    display: flex;
    flex-direction: row;
    align-items: stretch;
    justify-content: flex-start;
    background-color: #876c51;
    color: white; }
    .main .nav-bar__element {
      letter-spacing: 4px;
      text-transform: uppercase;
      font-family: "Segoe UI", Arial, sans-serif;
      padding: 0px 5px;
      cursor: pointer;
      display: flex;
      flex-direction: row;
      align-items: stretch;
      justify-content: center;
      transition: background-color 0.5s ease, color 0.5s ease; }
      .main .nav-bar__element a {
        padding: 1rem;
        text-decoration: none;
        color: inherit; }
      .main .nav-bar__element:hover, .main .nav-bar__element.clicked {
        background-color: white;
        color: black; }

/*# sourceMappingURL=mystyle.css.map */