table {
  color: var(--designtextcolor); 
  font-size: 13px;
}

.tborder {
  background: transparent;
  width: 100%;
  margin: auto auto;
  padding: 1px;
}

.tfixed {
  table-layout: fixed;
  word-wrap: break-word;
}

.thead {
  font-family: Vandals, Times;
  color: var(--highlight);
  padding: 8px;
  letter-spacing: 2px;
}

.thead_title {
  font-family: Vandals, Times;
  font-size: 60px;
  letter-spacing: 5px;
 text-align: center;
 text-transform: uppercase;
}

.thead_titlesmall {
  font-family: Lucida, Times;
  font-size: 10px;
  letter-spacing: 2px;
  margin-left: 40px;
	text-transform: lowercase;
}

.thead a:link,
.thead a:visited {
  color: var(--accent);
  text-decoration: none;
  font-style: normal;
  transition: color 0.8s ease-in-out; /* Übergangseffekt hinzufügen */
}

.thead a:hover,
.thead a:active {
  color: var(--highlight);
  text-decoration: none;
}

.tcat {
  background: var(--designbgcolor); /* Hintergrundfarbe schwarz mit 50% Transparenz */
  color: var(--highlight);
  border-top: 1px solid var(--designnavhr);
  border-bottom: 1px solid var(--designnavhr);
  padding: 6px;
  font-size: 12px;
}

.tcat a:link, 
.tcat a:visited{
   color: var(--highlight);
}


.tcat a:hover,
.tcat a:active {
  color: var(--accent);
}

.trow1, .trow2 {
  background: var(--designbgcolor); /* Hintergrundfarbe schwarz mit 85% Transparenz */
  position: relative; /* Damit ::before und ::after relativ zur Zelle positioniert werden */
  text-align: justify;
	padding: 5px;
}

.trow-paddingsmall { 
padding: 20px;}

.trow-paddingbig { 
padding: 40px;}

.trow-paddingmed { 
padding-top: 40px;
padding-bottom: 40px;}

/* Formatierungen für die Titel- und Zählerspalten */
.trowtitle {
  font-family: Bromora, Lucida, serif;
  font-size: 40px;
  letter-spacing: 5px;
  text-decoration: none;
}

.trowcount {
  font-family: Bromora, Wolfpack, Lucida, serif;
  font-size: 15px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
 text-align:center;
}

.trowlastpost {
  font-family: Vandals, Times, serif;
  font-size: 18px;
  letter-spacing: 2px;
  text-decoration: none;
  text-transform: uppercase;
  max-width: 200px; /* Maximale Breite setzen */
  word-wrap: break-word; /* Zeilenumbruch bei langer Länge */
  overflow-wrap: break-word; /* Für Browser-Kompatibilität */
	text-align: left;
	font-weight:100;
}

.trowlastpost2{
text-transform: uppercase;
font-size: 10px;
  line-height: 1.5em;
  font-weight: 500;
}
.subforum-row {
  margin-top: 0; /* Entfernen Sie den oberen Rand */
  margin-bottom: 0; /* Entfernen Sie den unteren Rand */
  font-size: 10px; /* Optionale Schriftgröße für die Subforums-Zeile */
  background: transparent; /* Kein Hintergrund */
  display: flex;
  flex-wrap: wrap; /* Prevent items from wrapping to a new line */
  justify-content: space-between; /* Verteilt die .subforum-item Elemente */
  gap: 5px; /* Abstand zwischen den Items */
  overflow-x: auto; /* Enable horizontal scrolling if necessary */
  margin-top: -30px;
}

.subforum-item {
  font-size: 8px;
  letter-spacing: 3px;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold; /* Make text bolder */
  background: var(--designbgcolor); /* Hintergrundfarbe schwarz mit 85% Transparenz */
  padding: 10px;
  flex: 1 1 auto; /* Allow the items to shrink if needed */
  min-width: max-content; /* Ensure items are only as wide as their content */
  display: flex; /* Make the item a flex container */
  justify-content: center; /* Center content horizontally */
  align-items: center; /* Center content vertically */
}

.subforum-item:nth-child(n+6) {
  grid-column: span 5; /* Make these items take up all 5 columns */
}

.subforum-item a {
  color: var(--highlight); /* Standard link color */
  text-decoration: none;
}

.subforum-item a:hover {
  color: var(--accent); /* Link color on hover */
}

/* Schattierte Zeilen */
.trow_shaded {
  background: var(--designbgcolor);
}

/* Spezifische Stile für die benutzerdefinierte Tabelle */
.custom-trow {
  border-spacing: 0 30px; /* Abstand zwischen den Zeilen */
}

.custom-trow .trow {
  padding: 40px;
  position: relative; /* Damit ::before und ::after relativ zur Zelle positioniert werden */
}

.custom-trow tr {
  padding: 40px; /* Spezifisches Padding für die <tr> Elemente innerhalb der .custom-trow Tabelle */
}

.custom-trow .trow::before,
.custom-trow .trow::after {
  content: '';
  position: absolute;
  top: 10%; /* 10% von oben für eine 80%ige Höhe */
  height: 80%; /* Die Linie nimmt 80% der Höhe ein */
  border-left: 1px solid rgba(255, 255, 255, 0.5); /* Weiße Linie mit 50% Transparenz */
}

.custom-trow .trow::after {
  right: 0; /* Positioniert die rechte Linie */
  left: auto; /* Deaktiviert die linke Position */
  border-left: none; /* Entfernt die linke Linie */
  border-right: 1px solid rgba(255, 255, 255, 0.5); /* Weiße Linie mit 50% Transparenz */
}

.custom-trow .trow::before {
  left: 0; /* Positioniert die linke Linie */
  right: auto; /* Deaktiviert die rechte Position */
  border-right: none; /* Entfernt die rechte Linie */
}

.custom-topic {
padding: 20px;
}
/* New CSS to remove spacing for the specific <tr> */
.no-border-spacing tr {
  border-spacing: 0;
  padding: 0;
  margin: 0;
}

.no_bottom_border {
  border-bottom: 0;
}

.post.unapproved_post {
  background: #ffdde0;
}

.thread_start_datetime {
  color: var(--designtextcolor);
}

.post.unapproved_post .post_author {
  border-bottom-color: #ffb8be;
}

.post.classic.unapproved_post .post_author {
  border-color: #ffb8be;
}

.post.unapproved_post .post_controls {
  border-top-color: #ffb8be;
}

.trow_deleted,
.post.deleted_post {
  background: #35255982;
}

.trow_selected,
tr.trow_selected td {
  background: #441717A1;
  color: #333;
}

.trow_selected a:link,
.trow_selected a:visited,
.trow_selected a:hover,
.trow_selected a:active {
  color: #333;
}

.trow_sep {
  background: transparent;
  color: var(--highlight);
  padding: 6px;
  font-size: 8px;
  font-weight: bold;
 text-transform: uppercase;
}

.tfoot {
  border-top: 1px solid var(--designnavhr);
  padding: 6px;
   background: var(--designbgcolor); /* Hintergrundfarbe schwarz mit 85% Transparenz */
  color: #666;
}

.tfoot a:link {
  color: #444;
  text-decoration: none;
}

.tfoot a:visited {
  color: #444;
  text-decoration: none;
}




.tfoot a:hover,
.tfoot a:active {
  color: var(--accent);
  text-decoration: underline;
}

.thead input.textbox,
.thead select {
  border: 1px solid var(--designnavhr);
}


.thread_header_topictitle {
font-family: Wolfpack, Times;
  font-size: 20px;
  letter-spacing: 5px;
  color: var(--highlight);
  font-weight: 100;
  font-style: italic;
text-align: center;} 


.tdescr { font-size:10px;


} 

.thread_header_prefix {

	text-align: center;
  font-size: 8px;
  font-weight: bold;
  padding: 10px;
  color: var(--accent);
  text-transform: uppercase;
  letter-spacing: 2px;
} 

.thread_header_container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* Optional: adjust spacing between items */
    justify-content: center; /* Center items horizontally */
    align-items: center; /* Center items vertically */
    text-align: center; /* Ensure text within items is centered */
}

.thread_header_subtitle {
    font-size: 10px;
    letter-spacing: 2px;
    margin-right: 10px; /* Optional: adjust spacing between items */
}

.thread_header_subtitle_desc {
    font-size: 11px;
    letter-spacing: 2px;
	text-align:center;
	font-style: italic;
	padding:8px
}

.darkpack
{font-size: 8px;
  line-height: 2.1;
  letter-spacing: 2px;
  color:  (--designtextsubcolor);
  text-align: center;
	font-weight: 500;
	margin-top:80px;
}