@charset "UTF-8";
/* #region Colors */
:root {
  --wp--preset--color--white: #ffffff;
  --wp--preset--color--black: #000000;
  --wp--preset--color--blue: #0060AC;
  --wp--preset--color--grey: #606060;
  --wp--preset--color--light-grey: #f0f0f7;
  --wp--preset--color--medium-grey: #88888B;
}

/* #region Filters */
/* #endregion Filters */
/* #endregion Colors */
/* #region Spacing */
/* #endregion Spacing */
/* #region Container and Sizes */
.container {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
  width: 90%;
}

.small-white-container, .small-container {
  margin-left: auto;
  margin-right: auto;
  max-width: 700px;
  width: 90%;
}

.small-white-container {
  background-color: #ffffff;
  padding: 2rem;
}
.small-white-container h1 {
  color: #0060AC;
}

/* #endregion Container and Sizes */
/* #region Fonts */
/* #endregion Fonts */
/* #region Font Sizes */
/* #endregion Font Sizes */
/* #region CI / CD Hönninger */
/* #endregion CI / CD Hönninger */
/* #region Icons */
/* #endregion Icons */
#main-content .module-list.editing .module-item.hideable-module .delete-module-button, #main-content .hidden-modules-list.editing .module-item.hideable-module .delete-module-button, #main-content .module-list .module-item .unread-count, #main-content .hidden-modules-list .module-item .unread-count {
  align-items: center;
  aspect-ratio: 1/1;
  background-color: #e22;
  border-radius: 50%;
  border: none;
  color: #fff;
  cursor: pointer;
  display: flex;
  font-size: 1.75rem;
  height: 30px;
  justify-content: center;
  line-height: 1;
  min-height: 30px;
  position: absolute;
  right: -10px;
  top: -10px;
  width: 30px;
  z-index: 1;
}
#main-content .module-list.editing .module-item.hideable-module .delete-module-button:hover, #main-content .hidden-modules-list.editing .module-item.hideable-module .delete-module-button:hover, #main-content .module-list .module-item .unread-count:hover, #main-content .hidden-modules-list .module-item .unread-count:hover {
  background-color: #cc0000;
}

#main-content .module-list, #main-content .hidden-modules-list {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(110px, 1fr));
  /* #region Mobile Ansicht */
  /* #region <= 440px */
  /* #endregion <= 440px */
  /* #region width <= 360px */
  /* #endregion width <= 360px */
  /* #endregion Mobile Ansicht */
}
#main-content .module-list .module-item, #main-content .hidden-modules-list .module-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: inherit;
}
#main-content .module-list .module-item a, #main-content .hidden-modules-list .module-item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  text-decoration: none;
  color: inherit;
  height: 100%;
  width: 100%;
}
#main-content .module-list .module-item .module-name, #main-content .hidden-modules-list .module-item .module-name {
  color: #606060;
  font-size: 1rem;
  font-weight: 400;
  margin-bottom: 0;
  margin-top: 1.25rem;
}
#main-content .module-list .module-item .module-container, #main-content .hidden-modules-list .module-item .module-container {
  align-items: center;
  display: flex;
  flex-flow: column nowrap;
  width: 100%;
}
#main-content .module-list .module-item .module-container a, #main-content .hidden-modules-list .module-item .module-container a {
  text-decoration: none;
}
#main-content .module-list .module-item .module-container .module-icon, #main-content .hidden-modules-list .module-item .module-container .module-icon {
  align-items: center;
  aspect-ratio: 1;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.15);
  display: flex;
  height: auto;
  justify-content: center;
  transition: all 300ms ease;
  width: 100%;
  max-width: 105px;
  position: relative;
}
#main-content .module-list .module-item .module-container .module-icon img, #main-content .hidden-modules-list .module-item .module-container .module-icon img {
  transition: all 300ms ease;
}
#main-content .module-list .module-item .module-container:hover .module-icon, #main-content .hidden-modules-list .module-item .module-container:hover .module-icon {
  background-color: #0060AC;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
#main-content .module-list .module-item .module-container:hover .module-icon img, #main-content .hidden-modules-list .module-item .module-container:hover .module-icon img {
  filter: saturate(0) contrast(200%) brightness(0) invert(1);
  transform: scale(1.1);
}
#main-content .module-list .module-item .module-container img, #main-content .hidden-modules-list .module-item .module-container img {
  max-height: 55%;
}
#main-content .module-list .module-item .module-container .module-name, #main-content .hidden-modules-list .module-item .module-container .module-name {
  color: #606060;
  font-size: 1rem;
  font-weight: 400;
  hyphens: auto;
  margin-bottom: 0;
  margin-top: 1.25rem;
  word-break: break-word;
  word-wrap: break-word;
}
#main-content .module-list .module-item .unread-count, #main-content .hidden-modules-list .module-item .unread-count {
  font-size: 1.125rem;
  font-weight: 600;
  top: -11px;
  right: -13px;
}
#main-content .module-list .module-item .unread-count::before, #main-content .hidden-modules-list .module-item .unread-count::before {
  transform: translatex(-50%) translatey(-50%);
  transition: transform 300ms ease;
}
#main-content .module-list .module-item .unread-count:hover, #main-content .hidden-modules-list .module-item .unread-count:hover {
  color: #cc0000;
}
#main-content .module-list .module-item .unread-count:hover::before, #main-content .hidden-modules-list .module-item .unread-count:hover::before {
  align-items: center;
  border-radius: 50%;
  color: #fff;
  content: "+";
  display: flex;
  font-size: 2.25rem;
  height: 100%;
  justify-content: center;
  left: 50%;
  position: absolute;
  top: 50%;
  transform-origin: center;
  transform: translatex(-50%) translatey(-50%) rotate(45deg);
  width: 100%;
  z-index: 10;
}
#main-content .module-list .edit-modules-button, #main-content .hidden-modules-list .edit-modules-button {
  align-items: flex-start;
  background-color: transparent;
  border: none;
  box-shadow: none;
  cursor: pointer;
  display: flex;
  justify-content: center;
  padding-top: 6px;
}
#main-content .module-list .edit-modules-button svg, #main-content .hidden-modules-list .edit-modules-button svg {
  color: #0060AC;
}
@media only screen and (max-width: 440px) {
  #main-content .module-list, #main-content .hidden-modules-list {
    gap: 1.5rem !important;
    grid-template-columns: repeat(auto-fill, minmax(95px, 1fr)) !important;
  }
  #main-content .module-list .module-icon img, #main-content .hidden-modules-list .module-icon img {
    max-width: 55%;
  }
}
@media only screen and (width <= 360px) {
  #main-content .module-list.module-list, #main-content .hidden-modules-list.module-list {
    gap: 1rem !important;
    grid-template-columns: repeat(auto-fill, minmax(85px, 1fr)) !important;
  }
}
#main-content .module-list.editing .module-item, #main-content .hidden-modules-list.editing .module-item {
  position: relative;
}
#main-content .module-list.editing .module-item.movable-module, #main-content .hidden-modules-list.editing .module-item.movable-module {
  cursor: grab;
}
#main-content .module-list.editing .module-item.movable-module:active, #main-content .hidden-modules-list.editing .module-item.movable-module:active {
  cursor: grabbing;
}
#main-content .module-list.editing .module-item .unread-count, #main-content .hidden-modules-list.editing .module-item .unread-count {
  display: none;
}
#main-content .module-list.editing .module-item.fixed-module, #main-content .hidden-modules-list.editing .module-item.fixed-module {
  cursor: default;
  position: relative;
}
#main-content .module-list.editing .module-item.fixed-module::after, #main-content .hidden-modules-list.editing .module-item.fixed-module::after {
  content: "";
  position: absolute;
  top: -6px;
  left: 0;
  right: 0;
  bottom: -10px;
  background: rgba(0, 0, 0, 0.05);
  pointer-events: none;
  border-radius: 15px;
}
#main-content .module-list.editing .edit-modules-button svg, #main-content .hidden-modules-list.editing .edit-modules-button svg {
  color: #cc0000;
}
#main-content .module-list .module-item, #main-content .hidden-modules-list .module-item {
  position: relative;
  margin-bottom: 20px;
}
#main-content .module-list .module-item.hidden-module .module-container, #main-content .hidden-modules-list .module-item.hidden-module .module-container {
  margin-bottom: 10px;
}
#main-content .module-list-hidden {
  display: none;
}
#main-content .module-list-hidden.show {
  display: block;
}
#main-content .module-list-hidden .hidden-modules-list {
  gap: 4rem;
}
#main-content .module-list-hidden .hidden-modules-list .module-container {
  margin-bottom: 20px;
}
#main-content .module-list-hidden .hidden-modules-list .module-container .module-item {
  margin-bottom: 10px;
}/*# sourceMappingURL=module-list.css.map */