.postinggoal_index {
  background: var(--hintergrund2);
  width: 100%;
  margin: auto auto;
  border: 1px solid var(--hintergrund2);
  padding: 1px;
  border-radius: 1px;
}

.postinggoal_index-headline {
  background: var(--akzent4);
  color: var(--hintergrund2);
  padding: 8px;
  border-radius: 1px;
}

.postinggoal_index-counter {
  display: flex;
  flex-wrap: nowrap;
  background: var(--hintergrund1);
  border: 1px solid var(--hintergrund1);
  padding: 10px 0;
  justify-content: space-around;
  align-items: center;
  width: 1096px;
}

.postinggoal_index-counter-bit {
  text-align: center;
}

.postinggoal_index-count-progress {
  font-weight: bold;
  font-size: 20px;
  display: flex;
  justify-content: center;
}

.postinggoal_index-toplist {
   padding: 6px;
   background: var(--hintergrund1);
   color: var(--font-color);
   text-align: right;
   border-radius: 1px;
}

.postinggoal_index-toplist a:link,
.postinggoal_index-toplist a:visited,
.postinggoal_index-toplist a:active {
   color: var(--link1);
   text-decoration: none;
}

.postinggoal_index-toplist a:hover {
  text-decoration: none;
}

.postinggoal_index-progressbar {
   width: 50px;
   height: 50px;
   display: grid;
   place-items: center;
   position: relative;
   font-weight: 700;
   font-size: 13pt;
}

.postinggoal_index-progressbar::before {
   content: '';
   position: absolute;
   top: 0;
   bottom: 0;
   left: 0;
   right: 0;
   border-radius: 50%;
   background: conic-gradient( var(--akzent3), var(--akzent3), var(--akzent3) var(--progress, 0%), hsl(0, 0%, 70.2%) var(--progress, 0%) 100%);
   mask-image: radial-gradient(transparent 62%, black calc(62% + 0.5px));
}

#postinggoal_toplist {
   width: 100%;
   display: flex;
   gap: 20px;
   justify-content: space-between;
   align-items: flex-start;
}

.postinggoal_toplist-navigation {
   width: 20%;
   display: flex;
   flex-direction: column;
   align-items: flex-start;
   border: 1px solid var(--akzent4);
   padding: 1px;
   border-radius: 1px;
}

.postinggoal_toplist-navigation-headline {
   min-height: 50px;
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   font-weight: bold;
   text-transform: uppercase;
   text-align: center;
   padding: 0 5px;
   box-sizing: border-box;
   background: var(--akzent4);
   color: var(--hintergrund2);
   border-top-right-radius: 6px;
}

.postinggoal_toplist-navigation-item {
   min-height: 25px;
   width: 100%;
   margin: 0 auto;
   padding: 5px 20px;
   display: flex;
   align-items: center;
   box-sizing: border-box;
   border-bottom: 1px solid var(--hintergrund2);
   background: var(--hintergrund2);
}

.postinggoal_toplist-navigation-item:last-child {
   border-radius: 1px;
}

.postinggoal_toplist-main {
   width: 80%;
   box-sizing: border-box;
   background: var(--hintergrund2);
   border: 1px solid var(--hintergrund2);
   padding: 1px;
   border-radius: 1px;
}

.postinggoal_toplist-headline {
   height: 50px;
   width: 100%;
   font-size: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   font-weight: bold;
   text-transform: uppercase;
   background: var(--akzent4);
   color: var(--hintergrund2);
   border-radius: 1px;
}

.postinggoal_toplist-result {
   background: var(--hintergrund2);
   border: 1px solid var(--hintergrund2);
   padding: 10px;
   text-align: justify;
   border-radius: 1px;
}

.postinggoal_toplist-table {
   display: flex;
   flex-direction: column;
   border: 1px solid var(--hintergrund2);
   padding: 1px;
   border-radius:1px;
}

.postinggoal_toplist-table-row {
   display: flex;
   border-bottom: 1px solid var(--hintergrund2);
}

.postinggoal_toplist-table-row.header {
   background: var(--akzent4);
   color: var(--hintergrund2);
   border-radius: 1px;
}

.postinggoal_toplist-table-row:last-child {
   border-radius: 1px;
   border-bottom: 0;
}

.postinggoal_toplist-table-cell {
   flex: 1;
   padding: 5px;
   border-right: 1px solid var(--hintergrund2);
}

.postinggoal_toplist-table-cell:last-child {
   border-right: 0;
}

.postinggoal_goalstatus_reached {
   color: green;
   font-weight: bold;
}

.postinggoal_goalstatus_notreached {
   color:red;
   font-weight: bold;
}

.postinggoal_smalltext {
   font-size: 11pt;
}

#postinggoal_usercp {
   background: var(--hintergrund1);
   width: 100%;
   margin: auto auto;
   border: 1px solid var(--hintergrund1);
   padding: 1px;
   border-radius: 1px;
}

.postinggoal_usercp-headline {
   background: var(--akzent4);
   color: var(--hintergrund2);
   border-bottom: 1px solid var(--aktzent2);
   padding: 8px;
   font-weight: bold;
}

.postinggoal_usercp-headline:first-child {
   border-radius: 1px;
}

.postinggoal_usercp-desc {
   background: var(--hintergrund1);
   border: 1px solid var(--hintergrund1);
   text-align: justify;
   line-height: 180%;
   padding: 20px 40px;
}

.postinggoal_usercp-bit {
   background: var(--hintergrund1);
   border-color: var(--hintergrund1);
   border-radius: 1px;
   padding: 0 0 5px;
}

.postinggoal_usercp-bit center {
   padding: 10px 0;
}

.postinggoal_usercp_add {
   background: var(--hintergrund1);
   padding-bottom: 10px;
}

.postinggoal_usercp_add-headline {
   background: var(--akzent5);
   color: var(--hintergrund2);
   padding: 6px;
   font-size: 12pt;
}

.postinggoal_usercp_add-container {
   display: flex;
   justify-content: space-around;
   width: 90%;
   margin: 10px auto;
   gap: 5px;
}

.postinggoal_usercp_add-bit {
   width: 100%;
   text-align: center;
}

.postinggoal_usercp_add-bit-headline {
   padding: 6px;
   background: var(--akzent4);
   color: var(--hintergrund2);
}

.postinggoal_usercp_add-bit-input {
   margin: 5px;
}

.postinggoal_challenge-headline {
   background: var(--akzent4);
   color: var(--hintergrund2);
   padding: 6px;
   font-size: 12pt;
}

.postinggoal_challenge-goals {
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-around;
   align-items: center;
   padding: 10px 0;
}

.postinggoal_challenge-counter-bit {
   text-align: center;
   width: 33.4%;
}

.postinggoal_challenge-count-progress {
   font-weight: bold;
   font-size: 20px;
   display: flex;
   justify-content: center;
}

.postinggoal_challenge-notice {
   text-align: center;
   padding: 5px 0;
}

.postinggoal_challenge-statistic {
   padding: 5px 10px;
}

.postinggoal_challenge-table {
   display: flex;
   flex-direction: column;
   border-radius: 1px;
}

.postinggoal_challenge-table-row {
   display: flex;
   border-bottom: 1px solid var(--hintergrund1);
}

.postinggoal_challenge-table-row.header {
    background: var(--akzent4);
   color: var(--hintergrund2);
   border-radius: 1px;
}

.postinggoal_challenge-table-row:last-child {
   border-bottom: 0;
}

.postinggoal_challenge-table-cell {
   flex: 1;
   padding: 5px;
}

.postinggoal_usercp-challene_past-headline {
   display: flex;
   justify-content: space-between;
}

.postinggoal_usercp-challene_past-headline-bit {
   width: 50%;
   background: var(--akzent5);
   color: var(--hintergrund2);
   padding: 6px;
   font-size: 11pt;
   font-weight: bold;
}