.stats_welcome {
 text-transform: uppercase;
 font-size: 8px;
 letter-spacing: 2px;
}

.stats_newest {
 letter-spacing: 3px;
 font-family: Vandals;
 font-size: 37px;
 border-bottom: 1px solid var(--designnavhr);
 margin-left: 20px;
 margin-right: 20px;
 margin-bottom: 10px;
}

.stats_thing {
 display: flex;
 justify-content: space-between;
 margin-bottom: 15px;
 margin-left: 100px;
 margin-right: 100px;
}

.stats_thing span {
 text-transform: uppercase;
 font-size: 8px;
 letter-spacing: 2px;
 font-weight: 500;
 background: var(--designwhitespan);
 padding: 5px;
 margin-left: 20px;
 margin-right: 20px;
}

.stats_title {
 text-transform: uppercase;
 letter-spacing: 4px;
 font-family: Vandals;
 font-size: 17px;
 color: var(--highlight);
 border-bottom: 1px solid var(--designnavhr);
}

.stats_title a {
 color: var(--highlight);
}

.stats_title a:hover {
 color: var(--accent);
}

.stats_subtitle {
 padding: 2px;
}

.stats_subtitle span {
 font-size: 7px;
 text-transform: uppercase;
 margin-right: 5px;
 margin-left: 12px;
 font-weight: 500;
 letter-spacing: 2px;
}

.stats_text {
 font-size: 11px;
 margin-top: 10px;
	height: 100px;
 overflow: auto;
 scrollbar-width: thin; /* Firefox */
}

.stats_text span {
 font-size: 11px;
}

.boardstats-container {
 background: var(--designbgcolorlightest);
 width: 100%;
 margin-top: 40px;
}

.boardstats-header {
 padding: 8px;
}

.stats_legende {
 display: flex;
 justify-content: space-between;
 margin-bottom: 15px;
 margin-left: 30px;
 margin-right: 30px;
}

.stats_legende span {
 text-transform: uppercase;
 font-size: 8px;
 letter-spacing: 2px;
 font-weight: 700;
 background: var(--designwhitespan);
 padding: 5px;
 margin-left: 20px;
 margin-right: 20px;
}

.boardstats-content {
 display: flex;
 justify-content: space-between;
 padding: 10px;
}

.boardstats-section {
 flex: 1;
 margin: 0 10px;
 padding: 10px;
 height: 150px;
 overflow: hidden; /* Ensures the section contains the scrolling text */
}

.boardstats-footer {
 text-align: right;
 padding: 15px 10px 20px 10px;
 border-top: 1px solid var(--designnavhr);
 display: flex;
 justify-content: space-between;
 margin-left: 30px;
 margin-right: 30px;
}

.boardstats-footer span {
 text-transform: uppercase;
 font-size: 10px;
 letter-spacing: 3px;
 margin-left: 20px;
 margin-right: 20px;
}

/* Neu hinzugefügt */
.boardstats-footer span a {
 color: var(--highlight);
}

.boardstats-footer span a:hover {
 color: var(--accent);
}

/* Custom scrollbar for Webkit browsers */
.stats_text::-webkit-scrollbar {
 width: 6px; /* Adjust the width as needed */
}

.stats_text::-webkit-scrollbar-thumb {
 background-color: var(--highlight); /* Change color as needed */
 border-radius: 3px; /* Round the scroll thumb */
}


.sisters {
  padding: 25px;
  display: flex;
  column-gap: 15px;
  justify-content: center; /* Zentriert das .sisters Div horizontal */
  align-items: center; /* Zentriert die Inhalte innerhalb des Flex-Containers vertikal */
}

.sister_item {
  border: 1px solid var(--designbordercolor);
  padding: 7px;
  position: relative;
  box-sizing: border-box;
}

.sister_item a {
  display: block; /* Stellt sicher, dass der Link den gesamten Raum des Containers einnimmt */
  filter: grayscale(100%) brightness(50%); /* Bilder standardmäßig in Schwarz-Weiß und 20% dunkler */
  transition: filter 0.8s ease-in-out; /* Sanfte Transition beim Hover, Dauer 0.8s */
}

.sister_item a:hover {
  filter: grayscale(20%) brightness(100%); /* Entfernt den Schwarz-Weiß- und Dunkler-Filter beim Hover */
}