.postinggoal_index { background: #fff; width: 100%; margin: auto auto; border: 1px solid #ccc; padding: 1px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

.postinggoal_index-headline { background: #0066a2 url(../../../images/thead.png) top left repeat-x; color: #ffffff; border-bottom: 1px solid #263c30; padding: 8px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }

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

.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 { border-top: 1px solid #fff; padding: 6px; background: #ddd; color: #666; text-align: right; }

.postinggoal_index-toplist a:link, .postinggoal_index-toplist a:visited, .postinggoal_index-toplist a:active { color: #444; text-decoration: none; }

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

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

.postinggoal_index-progressbar::before { content: ''; position: absolute; top: 0; bottom: 0; left: 0; right: 0; border-radius: 50%; background: conic-gradient( #f2f2f2, #f2f2f2, #f2f2f2 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: 0px; justify-content: space-between; align-items: flex-start; }

.postinggoal_toplist-navigation { width: 20%; display: flex; flex-direction: column; align-items: flex-start; }

.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: #0066a2 url(../../../images/thead.png) top left repeat-x; color: #ffffff; }

.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 #ddd; background: #f5f5f5; }

.postinggoal_toplist-main { width: 80%; box-sizing: border-box; }

.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: #0066a2 url(../../../images/thead.png) top left repeat-x; color: #ffffff; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }

.postinggoal_toplist-result { text-align: justify; }

.postinggoal_toplist-table { display: flex; flex-direction: column; }

.postinggoal_toplist-table-row { display: flex; border-bottom: 1px solid #ccc; }

.postinggoal_toplist-table-row.header { border-bottom: 1px solid #263c30;  }

.postinggoal_toplist-table-cell { flex: 1; padding: 0px; }

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

.postinggoal_goalstatus_reached { background: var(--new2);
	color: #ffffff;
	font-family: Open Sans;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.5px;
	padding: 2px 4px; }

.postinggoal_goalstatus_notreached { background: var(--new1);
	color: var(--schrift1);
	font-family: Open Sans;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 2px 4px; }

#postinggoal_usercp { width: 100%; margin: auto auto; }

.postinggoal_usercp-headline { background: #0066a2 url(../../../images/thead.png) top left repeat-x; color: #ffffff; border-bottom: 1px solid #263c30; padding: 8px; font-weight: bold; }

.postinggoal_usercp-headline:first-child { -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }

.postinggoal_usercp-desc { background: #f5f5f5; border: 1px solid; border-color: #fff #ddd #ddd #fff; text-align: justify; line-height: 180%; padding: 20px 40px; }

.postinggoal_usercp-bit { background: #f5f5f5; border-color: #fff #ddd #ddd #fff; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; border-bottom-right-radius: 6px; padding: 0 0 5px; }

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

.postinggoal_usercp_add { background: #f5f5f5; padding-bottom: 10px; }

.postinggoal_usercp_add-headline { background: #0f0f0f url(../../../images/tcat.png) repeat-x; color: #fff; border-top: 1px solid #444; border-bottom: 1px solid #000; padding: 6px; font-size: 12px; }

.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: #ddd; color: #666; }

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

.postinggoal_challenge-headline { background: #0f0f0f url(../../../images/tcat.png) repeat-x; color: #fff; border-top: 1px solid #444; border-bottom: 1px solid #000; padding: 6px; font-size: 12px; }

.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; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; }

.postinggoal_challenge-table-row { display: flex; border-bottom: 1px solid #ccc; }

.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%; padding: 0px; }