#main {
          /*
    flex-grow: 1;
    */
  }

  #main-container {
          /*
    margin: 0 auto;
    padding: 0 1em;
    max-width:50em;
    */
    font-family: "Montserrat";
  }

  #alternating-content {
    width: 100%;
    background-color:#0c0349;
    color: white;
  }

  .alternating-row {
    display: flex;
    padding: 0;
    margin: 0;
  }

  .alternating-text-left-column {
    flex: 1;
    padding: 5ex 0;
  }

  .alternating-text-right-column {
    flex: 1;
    padding: 5ex 0;
  }

  .alternating-text-left-column .content {
    max-width: 30em;
    margin-right: 0;
    margin-left: auto;
  }

  .alternating-text-right-column .content {
    max-width: 30em;
    margin-right: auto;
    margin-left: 0;
  }

  .alternating-photo-left-column {
    flex: 1;
    height: auto;
  }

  .alternating-photo-right-column {
    flex: 1;
    height: auto;
  }

  .alternating-photo-left-column .content {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }

  .alternating-photo-right-column .content {
    height: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
  }


  @keyframes change-text {
    2.7%  { content: "Verantwortungsträger/in"; }
    5.4%  { content: "Entscheider/in"; }
    8.1%  { content: "Arbeitnehmer/in"; }
    10.8% { content: "Arbeitgeber/in"; }
    13.5% { content: "Unternehmer/in"; }
    16.2% { content: "Selbstständige/r"; }
    18.9% { content: "Führungskraft"; }

    21.6% { content: "Problemlöser/in"; }
    24.3% { content: "Organisator/in"; }
    27%   { content: "Antreiber/in"; }
    29.7% { content: "Kontrolleur/in"; }
    32.4% { content: "Perfektionist/in"; }

    35.1% { content: "Teamplayer/in"; }
    37.8% { content: "Vorbild"; }
    40.5% { content: "Ansprechperson"; }
    43.2% { content: "die/der, auf die man sich verlässt"; }
    45.9% { content: "die/der Vernünftige"; }
    48.6% { content: "die/der Stabile"; }
    51.3% { content: "die/der Starke"; }
    54%   { content: "die/der Funktionierende"; }

    56.7% { content: "Macher/in"; }
    59.4% { content: "Planer/in"; }
    62.1% { content: "Absichernde/r"; }

    64.8% { content: "Partner/in"; }
    67.5% { content: "Ehefrau"; }
    70.2% { content: "Ehemann"; }
    72.9% { content: "Mutter"; }
    75.6% { content: "Vater"; }
    78.3  { content: "Tochter"; }
    81.0% { content: "Sohn"; }

    83.7% { content: "Freund/in"; }
    86.4% { content: "Verlässliche/rr"; }
    89.1% { content: "Kümmernde/r"; }

    91.8% { content: "Nachbar/in"; }
    94.5% { content: "Kollege/in"; }
  }

.text-container {
        /*
  display: flex;
  align-items: center;
  height: 200px;
  background-image: url("/images/bg2_soft.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto 100%;
  */
}

#rollen-titel {
  text-align: center;
}

#rollen-text {
  font-size: 2rem;
  text-align: center;
}

#rollen-text::after {
  display: block;
  content: "Leistungsträger/in";
  animation: change-text 10s infinite;
}

#rollen {
  height: 20ex;
}

#werkzeug-liste {
   counter-reset: item;          /* Initialize a counter */
  list-style-type: none;          /* Remove default numbers */
  padding-left: 0;                /* Remove default padding */
}


#werkzeug-liste li:not(:last-child) {
  margin-bottom: 3ex;
}

#werkzeug-liste li {
    counter-increment: item;       /* Increment counter for each item */
}

.werkzeug-item {
  font-weight: bold;
}

#werkzeug-liste li::before {
  content: counters(item, ".") ". "; /* Display the counter value */
  font-weight: bold;              /* Style the number */
}

#data-form {
  margin-top: 8ex;
}

#data-form label {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 600;
  display: inline-block;
  padding: 0.5ex 0 0.5ex 0;
}

button#anfragen {
        margin: 2em;
}

button#uebertragen {
  margin: 2ex;
}