.bordstats-layout {
  display: flex;
  gap: 16px;
	padding: 50px 30px 20px;
  box-sizing: border-box;
}

.bordstats-left {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 1;
}

.bordstats-right {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex: 0 0 260px;
}

.bordstats-row-gross,
.bordstats-row-klein,
.bordstats-row-breit {
  display: flex;
  gap: 16px;
}

.bordstats-box {
	background: var(--accent-three);
}

.bordstats-row-gross .bordstats-box {
		box-sizing: border-box;
	border: 5px solid var(--main-accent);
	border-radius: 5px;
  height: 160px;
	overflow: auto;
	text-align: justify;
}

.bordstats-box img {
	width: 455px;
	height: 70px;
	border: 5px solid var(--main-accent);
	border-radius: 5px;
}

.bordstats-row-gross .bordstats-box:nth-child(1) {
  flex: 1;
}
.bordstats-row-gross .bordstats-box:nth-child(2) {
  flex: 1.4;
}

.bordstats-row-klein .bordstats-box {
  height: 80px;
}
.bordstats-row-klein .bordstats-box:nth-child(1) {
  flex: 1;
}
.bordstats-row-klein .bordstats-box:nth-child(2) {
  flex: 1.4;
}

.bordstats-right .bordstats-box-klein {
		box-sizing: border-box;
	border: 5px solid var(--main-accent);
	border-radius: 5px;
  height: 60px;
	align-content: center;
	text-align: center;
}
.bordstats-right .bordstats-box-mittel {
		box-sizing: border-box;
	border: 5px solid var(--main-accent);
	border-radius: 5px;
  height: 140px;
}

.bordstats-box-mittel .online-body {
	height: 100px;
	overflow: auto;
}

.bordstats-right .bordstats-box-gross {
		box-sizing: border-box;
	border: 5px solid var(--main-accent);
	border-radius: 5px;
  height: 160px;
}

.bordstats-box.open-stats {
		box-sizing: border-box;
	border: 5px solid var(--main-accent);
	border-radius: 5px;
	text-align: center;
	align-content: center;
}

.online-header {
	background: var(--main-accent);
  	padding: 5px;
  	font-size: 12px;
  	font-weight: bold;
}

.online-body {
  	padding: 5px 10px;
	box-sizing: border-box;
}

.bordstats-box .online-body {
	height: 122px;
	overflow: auto;
} 

.bordstats-box-last-threads {
	height: 198px;
	box-sizing: border-box;
	border: 5px solid var(--main-accent);
	border-radius: 5px;
}

.bordstats-box-last-threads .online-body{
	height: 156px;
	overflow: auto;
}

.latestposts-title {
	text-transform: uppercase;
	font-weight: bold;
	color: var(--accent-one);
}

.latestposts-item {
	margin-bottom: 10px;
}

.latestposts-title a {
	color: var(--accent-one);
}

.latestposts-author {
	font-size: 10px;
	margin-bottom: 5px;
}

.bordstats-stats {
	flex: 1;
}

.online-header.stats {
	border-radius: 5px;
	height: 22px;
	align-content: center;
  	text-align: center;
}