@media (max-width: 750px) {
  div.navbarLabel {
    display: none;
  }
}

div.sectionMoment {
  display: flex;
  flex-direction: row;
  padding-top: 8px;
  width: 100%;
  justify-content: space-between;
}

div.sectionMomentLeft {
  display: flex;
  flex-direction: column;
  padding-bottom: 12px;
  gap: 18px;
}

div.sectionMomentImg {
  display: flex;
  padding-bottom: 4px;
}

img.sectionMomentImg {
  width: 83px;
  box-shadow: 2px 2px 4px 0 #00000040;
}

div.sectionMomentDate {
  display: flex;
  font-size: 15px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

div.sectionMomentPointer {
  display: flex;
  transition: transform 0.5s;
  flex-direction: column;
  justify-content: flex-end;
  padding-bottom: 12px;
}

div.sectionMomentPointerIn {
  display: flex;
  width: 100%;
}
img.sectionMomentPointer {
  transition: transform 0.5s;
}

div.sectionTitleBox {
  transition: transform 0.5s;
  border-top: 1px solid #000000;
  width: 100%;
  padding-top: 12px ;
  padding-bottom: 12px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;

}

div.sectionTitle {
  text-transform: lowercase;
  color: #000;
  font-feature-settings: 'clig' off, 'liga' off;

  /* draw/drawer-section */
  font-size: 1.11111rem;
  font-style: normal;
  font-weight: bold;
  line-height: 110%; /* 1.22222rem */

}

div.sectionTitlePointer {
  padding-left: 13px;
  justify-content: right;
  height: 22px;

  border-width:  0 0 0 3.5px;
  border-style: dotted;
  border-color: rgb(0, 0, 0);
  border-image-source: url('../images/dotsSmall.svg');
  border-image-slice: 0 20% 20% 25%;
  border-image-repeat: repeat;

}

img.sectionTitlePointerImg {
  transition: transform 0.5s;
}

div.sectionArticleList {
  display: none;
  width: 100%;
  padding-bottom: 7px;
}

div.sectionArticle {
  width: 100%;
  padding-top: 8px;
  padding-bottom: 8px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  border-width: 3.5px 0 0 0;
  border-style: dotted;
  border-color: rgb(0, 0, 0);
  border-image-source: url('../images/dotsSmall.svg');
  border-image-slice: 20% 20% 20% 0;
  border-image-repeat: repeat;
}

div.sectionArticleLeft {
}

div.sectionArticleStar {
  height: 100%;
  width: 60px;
  display: flex;
  justify-content: flex-end;
  align-items: end;
}

img.sectionArticleStar {
  height: 24px;
  width: 24px;
  padding: 0;
  display: flex;
  justify-content: flex-end;
}

img.sectionArticleIcon {
  height: 60px;
  width: 60px;
}
