#layout_content > h2:first-of-type {
  margin-top: 0;
}
.sb-categories, .sb-articles {
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
}
.sb-categories li, .sb-articles li {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid var(--dark-gray-color-30);
  padding-top: 1px;
  break-inside: avoid-column;
  -webkit-column-break-inside: avoid;
}
.sb-categories li:hover, .sb-articles li:hover {
  background-color: rgba(109, 114, 122, 0.2);
}
.sb-categories li > *, .sb-articles li > * {
  flex: 0 1 auto;
}
.sb-categories li > *:last-child:not(:first-child), .sb-articles li > *:last-child:not(:first-child) {
  flex: 1 0 auto;
  align-self: flex-end;
  padding-left: 0.5em;
  text-align: right;
}
.sb-categories .watched, .sb-articles .watched {
  font-style: italic;
}
#watchlist .sb-categories .watched, #watchlist .sb-articles .watched {
  font-style: normal;
}
.sb-categories {
  column-count: 3;
  column-gap: 1em;
  column-rule: 1px outset var(--light-gray-color-20);
}
@media (max-width: 1024px) {
  .sb-categories {
    column-count: 2;
    column-gap: 1em;
  }
}
@media (max-width: 768px) {
  .sb-categories {
    column-count: 1;
    column-gap: 0;
  }
}
.sb-articles {
  column-count: 2;
  column-gap: 1em;
  column-rule: 1px outset var(--light-gray-color-20);
}
@media (max-width: 1024px) {
  .sb-articles {
    column-count: 1;
    column-gap: 0;
  }
}
.schwarzesbrett-widget .sb-articles {
  column-count: 1;
  column-gap: 0;
}
.sb-article {
  min-height: 100%;
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}
.sb-article section, .sb-article footer {
  box-sizing: border-box;
}
.sb-article section {
  flex: 1 1 auto;
  order: 1;
  padding-bottom: 3em;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.sb-article section .sb-content, .sb-article section .sb-article-images {
  align-self: stretch;
  max-height: 100%;
  overflow: auto;
}
.sb-article section .sb-content {
  flex: 1;
}
.sb-article section .sb-article-images {
  box-sizing: border-box;
  flex: 0 1 152px;
  position: sticky;
  top: 0;
}
.sb-article footer.meta {
  flex: 0 0 auto;
  order: 2;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  background: var(--base-color-20);
  border-top: 1px solid var(--brand-color-darker);
  padding: 0.5em;
}
.sb-article footer.meta time[title] {
  border-bottom: 1px dotted var(--dark-gray-color-60);
}
.sb-article footer:not(.meta) {
  order: 3;
}
.ui-dialog .sb-article footer.meta {
  position: sticky;
  bottom: -0.5em;
  left: 0;
  right: 0;
  z-index: 1;
}
.sb-category caption small {
  font-size: 0.8em;
  font-weight: normal;
}
.category, .article {
  padding-left: 0.5ex;
}
.category.unseen, .article.unseen {
  font-weight: bold;
  border-left: 2px solid var(--red);
  border-top-left-radius: 1px;
  border-bottom-left-radius: 1px;
}
td .category.unseen, td .article.unseen {
  border-left: 0;
  padding-left: 0;
}
td .category.unseen::after, td .article.unseen::after {
  background-image: url("https://studip-test.uni-giessen.de/assets/images/icons/red/star.svg");
  background-size: 8px;
  background-repeat: no-repeat;
  content: " ";
  display: inline-block;
  height: 8px;
  vertical-align: text-top;
  width: 8px;
  margin-left: 0;
}
#bb-config input[type=text], #bb-config input[type=number], #bb-config textarea, #bb-config select {
  box-sizing: border-box;
  width: 100%;
}
#bb-config textarea {
  min-height: 10em;
}
.ui-dialog #bb-config fieldset {
  padding-top: initial;
}
#duplicates .divider td {
  box-shadow: inset 0 -28px 0 0 white, inset 0 2px 4px 0px rgba(50, 50, 50, 0.75);
}
tbody.sb-articles .article-hidden {
  background-color: rgba(226, 227, 228, 0.5);
  text-decoration: line-through;
}
tbody.sb-articles .article-hidden:hover {
  text-decoration: none;
}
@media (min-width: 1024px) {
  .portal-widget-list:last-child .sb-categories li > *:last-child, .portal-widget-list:last-child .sb-articles li > *:last-child {
    display: none;
  }
}
.sb-highlighted {
  background-color: var(--activity-color-40);
  border: 1px solid var(--activity-color-80);
  border-radius: 3px;
}
.category-disclaimer {
  background: rgba(137, 154, 185, 0.5);
  border: 1px solid #485a7a;
  font-size: 0.9em;
  margin: 0.5em 0;
  padding: 0.5em 1em;
}
.category-disclaimer:first-child {
  margin-top: 0;
}
.sb-search-form .quicksearch_frame.extendedLayout {
  display: inline-block;
}
.sb-file-upload label {
  border: 1px solid var(--light-gray-color-40);
  margin-bottom: 1em;
  padding: 5em 0 2em;
  text-align: center;
  position: relative;
}
.sb-file-upload label::before {
  background-image: url("https://studip-test.uni-giessen.de/assets/images/icons/grey/upload.svg");
  background-size: 40px;
  background-repeat: no-repeat;
  content: " ";
  display: inline-block;
  height: 40px;
  vertical-align: text-top;
  width: 40px;
  margin-left: 0;
}
.sb-file-upload label::before {
  position: absolute;
  top: 2em;
  left: 50%;
  transform: translate(-50%, 0);
  opacity: 0.9;
  pointer-events: none;
}
.sb-file-upload label:hover, .sb-file-upload label.drag-over {
  background-color: rgba(255, 189, 51, 0.3);
  border-color: var(--base-color);
}
.sb-file-upload label:hover::before, .sb-file-upload label.drag-over::before {
  background-image: url("https://studip-test.uni-giessen.de/assets/images/icons/blue/upload.svg");
  background-size: 40px;
  background-repeat: no-repeat;
  content: " ";
  display: inline-block;
  height: 40px;
  vertical-align: text-top;
  width: 40px;
  margin-left: 0;
}
.sb-file-upload input[type="file"] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 0;
}
.sb-file-upload .selected-files {
  color: var(--dark-gray-color-80);
  display: block;
}
.sb-file-upload input[type="file"]:focus + label {
  outline: 1px dotted #000;
}
.sb-file-upload .drag-available {
  display: none;
}
.allows-file-upload .sb-file-upload .drag-available {
  display: initial;
}
.sb-article-images {
  border-left: 1px solid var(--light-gray-color-40);
  margin-left: 8px;
  padding-left: 8px;
}
.sb-article-images ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.sb-article-images li {
  border: 1px solid var(--light-gray-color-20);
  border-radius: 2px;
  padding: 1px;
}
.sb-article-images li:hover {
  background-color: var(--activity-color-20);
  border-color: var(--light-gray-color-80);
}
.sb-article-images li:not(:last-child) {
  margin-bottom: 1px;
}
.sb-article-images img {
  transition: opacity 500ms;
  max-width: 128px;
  max-height: 128px;
  width: auto;
  height: auto;
  display: block;
  margin: auto;
}
.sb-article-images:hover li:not(:hover) img {
  opacity: 0.5;
}
.sb-article-images-edit img {
  display: block;
  margin: auto;
  max-height: 64px;
  max-width: 64px;
  height: auto;
  width: auto;
}
.sb-article-images-edit input[type="text"] {
  max-width: unset !important;
}
.sb-article-images-edit label {
  margin-top: 0 !important;
}
.sb-article-images-edit tbody td {
  line-height: 2.5em;
  vertical-align: middle;
}
.sb-article-images-edit tbody td:first-child {
  text-align: center;
}
.sb-article-images-edit.ui-sortable tbody tr.ui-sortable-handle:not(.empty-placeholder):not(.queued):not(.uploading):not(.upload-error) td:first-child {
  background-image: url("https://studip-test.uni-giessen.de/assets/images/anfasser_24.png");
  background-position: left 2px center;
  background-repeat: no-repeat;
  cursor: move;
}
.sb-article-images-edit.ui-sortable .sb-sortable-helper {
  background: var(--white);
}
.sb-article-images-edit.ui-sortable .sb-sortable-placeholder {
  background: #fec;
}
.sb-article-images-edit tr.add td {
  background-color: rgba(110, 173, 16, 0.5);
  position: relative;
}
.sb-article-images-edit tr.add td:first-child::before {
  background-image: url("https://studip-test.uni-giessen.de/assets/images/icons/white/add.svg");
  background-size: 16px;
  background-repeat: no-repeat;
  content: " ";
  display: inline-block;
  height: 16px;
  vertical-align: text-top;
  width: 16px;
  margin-left: 0;
}
.sb-article-images-edit tr.add td:first-child::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background-color: rgba(110, 173, 16, 0.67);
  background-position: center;
  padding: 8px;
  border-radius: 50%;
}
.sb-article-images-edit tr.queued td:first-child, .sb-article-images-edit tr.uploading td:first-child, .sb-article-images-edit tr.upload-error td:first-child {
  background-position: left 2px center;
  background-repeat: no-repeat;
  background-size: 32px;
  position: relative;
  text-align: left;
  text-indent: 32px;
}
.sb-article-images-edit tr.queued td:first-child {
  background-image: url("https://studip-test.uni-giessen.de/assets/images/icons/grey/date.svg");
  background-size: 32px;
}
.sb-article-images-edit tr.uploading td:first-child {
  background-image: url("https://studip-test.uni-giessen.de/assets/images/ajax-indicator-black.svg");
}
.sb-article-images-edit tr.upload-error td {
  background-image: url("https://studip-test.uni-giessen.de/assets/images/icons/red/exclaim.svg");
  background-size: 16px;
  background-color: rgba(214, 0, 0, 0.5);
}
.sb-article-images-edit tr.empty-placeholder td {
  color: var(--dark-gray-color);
}
.sb-article-images-edit tr.empty-placeholder:not(:only-child) {
  display: none;
}
.sb-article-images-edit tr.remove td {
  background-color: var(--dark-gray-color-20);
  position: relative;
}
.sb-article-images-edit tr.remove td, .sb-article-images-edit tr.remove td img {
  transition: opacity 300ms;
}
.sb-article-images-edit tr.remove td img {
  opacity: 0.3;
}
.sb-article-images-edit tr.remove td:first-child::before {
  background-image: url("https://studip-test.uni-giessen.de/assets/images/icons/white/trash.svg");
  background-size: 16px;
  background-repeat: no-repeat;
  content: " ";
  display: inline-block;
  height: 16px;
  vertical-align: text-top;
  width: 16px;
  margin-left: 0;
}
.sb-article-images-edit tr.remove td:first-child::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.67);
  background-position: center;
  padding: 8px;
  border-radius: 50%;
}
.sb-article-images-edit tr.remove:not(:hover) td {
  opacity: 0.3;
}
.sb-article-images-edit tr.remove:not(:hover) td img {
  opacity: 1;
}
.sb-article-images-edit progress.upload-progress {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
  border: 0;
  opacity: 0.3;
  pointer-events: none;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.sb-article-images-edit progress.upload-progress::-moz-progres-bar {
  background-color: var(--base-color);
}
@supports (-ms-ime-align:auto) {
  .ui-dialog .sb-article footer.meta {
    position: relative;
    bottom: auto;
  }
}
.responsive-display .schwarzesbrett-widget .sb-articles > li {
  flex-direction: column;
}
.responsive-display .schwarzesbrett-widget .sb-articles > li a:last-child {
  font-weight: normal;
}
.i18n_group .editor_toolbar .buttons {
  line-height: 29px;
}