/* ---------- Startseite: Termine-Banner ---------- */

.mc-termine
{
  background: #1d7fa8;
  color: #fff;
  padding: 2.5em 0;
}

.mc-termine__title
{
  color: #fff;
  font-size: 1.1em;
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 1em 0;
}

.mc-termine__list
{
  display: flex;
}

.mc-termine__item
{
  flex: 1 1 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 2em;
  border-left: 1px solid rgba(255, 255, 255, 0.6);
}

.mc-termine__item:first-child
{
  padding-left: 0;
  border-left: 0;
}

.mc-termine__text
{
  flex-grow: 1;
  font-size: 0.85em;
  font-weight: 400;
  line-height: 1.5em;
  margin: 0 0 1.25em 0;
}

.mc-termine__text strong
{
  font-weight: 600;
}

.mc-termine a.mc-termine__button
{
  display: inline-block;
  background: #1a262c;
  color: #fff;
  border: 0;
  border-radius: 3px;
  padding: 0.6em 1.6em;
  font-size: 0.75em;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.mc-termine a.mc-termine__button:hover,
.mc-termine a.mc-termine__button:focus
{
  background: #fff;
  color: #1d7fa8;
}

@media screen and (max-width: 840px)
{
  .mc-termine__list
  {
    flex-direction: column;
  }

  .mc-termine__item
  {
    padding: 1.25em 0;
    border-left: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.35);
  }

  .mc-termine__item:first-child
  {
    padding-top: 0;
    border-top: 0;
  }
}

@media screen and (max-width: 480px)
{
  .mc-termine
  {
    padding: 2em 20px;
  }
}

/* ---------- Startseite: LinkedIn-Beiträge (Snippet LinkedInPosts) ---------- */

.mc-linkedin
{
  margin-bottom: 3em;
}

.mc-linkedin__posts
{
  display: flex;
  flex-wrap: wrap;
}

.mc-linkedin__post
{
  display: flex;
  flex-direction: column;
  height: 100%;
  background: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  overflow: hidden;
}

.mc-linkedin a.mc-linkedin__image
{
  display: block;
  border: 0;
  background: #f7f7f7;
}

.mc-linkedin__image img
{
  display: block;
  width: 100%;
  height: 20em;
  object-fit: cover;
}

.mc-linkedin__body
{
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  padding: 1.25em 1.5em 1.5em;
}

.mc-linkedin__date
{
  color: #999;
  font-size: 0.75em;
  margin: 0 0 0.5em 0;
}

.mc-linkedin__text
{
  flex-grow: 1;
  font-size: 0.8em;
  line-height: 1.5em;
  margin: 0 0 1em 0;
}

.mc-linkedin a.mc-linkedin__more
{
  align-self: flex-start;
  font-size: 0.8em;
  font-weight: 600;
}