/* Wrapper mit voller Breite, aber max. 1300px */
.forumlist-container {
    width: 100%;
    max-width: 1300px;
    margin: 0 auto; /* Zentrierung */
    display: flex;
    justify-content: space-between; /* Links und rechts ausgerichtet */
    align-items: center; /* Vertikal zentriert */
    padding: 10px; /* Optionaler Abstand */
	margin-bottom:10px;
}

/* Multipage links ausrichten */
.forumlist-multipage {
    text-align: left;
}

/* Newthread rechts ausrichten */
.forumlist-newthread {
    text-align: right;
}


.showthread-controlls {
    font-family: var(--display-font2);
    font-size: 16px;
    color: var(--color-main2);
    font-style: italic;
    letter-spacing: 1px;
    position: relative; /* Wichtig, damit das ::before funktioniert */
}

.showthread-controlls:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 1px;
    border-radius: 4px;
    background-color: var(--color-main);
    bottom: -5px;
    left: 0;
    transform-origin: right;
    transform: scaleX(0);
    transition: transform 0.3s ease-in-out;
}

.showthread-controlls:hover::before {
    transform-origin: left;
    transform: scaleX(1);
}

.showthread-controlls:hover {
    color: var(--color-accent1);
    cursor: pointer;
    transition: 1s ease-in-out;
}

.forumlist_moderation {
    display: flex; /* Flexbox für horizontale Anordnung */
    justify-content: flex-end; /* Inhalte rechts ausrichten */
    align-items: center; /* Vertikale Zentrierung der Elemente */
    gap: 10px; /* Abstand zwischen den Elementen */
    flex-wrap: nowrap; /* Kein Umbruch der Inhalte */
	margin-bottom:50px;
}

/* Parent-Container */

/* Threadlist Wrapper */
.threadlist-bit {
    padding: 20px;
    margin: 0 auto;
    background-color: var(--color-background-opac);
  background-blend-mode: multiply;
  background-attachment: fixed;
  background-image: var(--accent-bg2);
  box-sizing: border-box;
    color: var(--color-main);
    box-sizing: border-box;
    outline: 1px solid var(--color-opac-border);
    outline-offset: 10px;
    max-width: 1265px;
    width: 100%;
}

/* Grid-Container */
.threadlist-inner {
    display: grid;
    grid-template-columns: 1fr 6fr repeat(2, 1fr) 2fr 0fr;
    grid-template-rows: 1fr;
    gap: 3px;
    padding: 25px;
    font-family: var(--main-font2);
    font-size: 12px;
    color: var(--color-main);
    align-items: center;
    border: 1px solid var(--color-opac-border);
}

.threadlist-inner > :nth-child(3) {
    margin-left: 45px;
}

/* Grid ohne Mod-Spalte */
.threadlist-inner:not(:has(div:last-child)) {
    grid-template-columns: 1fr 3fr repeat(2, 1fr) 4fr;
}

.threadlist-inner:last-child {
    border-bottom: 1px solid var(--color-opac-border);
}

/* Thread Information */
.thread-information {
    display: flex;
    flex-direction: column;
    color: var(--color-main2);
}

.thread-header {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-size: 12px;
    text-transform: uppercase;
    color: var(--color-main);
}

.thread-header span {
	font-weight:600;
    text-transform: uppercase;

    color: var(--color-accent1);
}

.thread-header a {
	font-weight:600;
    word-break: break-word;
    color: var(--color-main);
	  text-decoration: none; /* No underline by default */
   transition: filter 0.3s ease;
}

.thread-header a:hover {
    word-break: break-word;
    color: var(--color-accent1);
		transition: 1s ease-in-out;

}

.archive-button {
    margin-left: auto;
    display: flex;
    align-items: center;
    color: var(--color-highlight);
}

.thread-details {
    margin-top: 5px;
    font-size: 10px;
    color: var(--color-muted);
}

.thread-details .author {
    margin-right: 5px;
    display: inline;
}

.thread-details .thread_start_datetime {
    display: inline;
}

.thread-information a {
    text-transform: uppercase;
    color: var(--color-main);
}

.thread_status {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: var(--color-secondary);
}


/* Thread-Regeln */
.thread-list-regeln {
    padding: 20px;
    margin: 0 auto 60px;
    outline: 1px solid var(--color-opac-border);
    outline-offset: 10px;
    max-width: 1190px;
    width: 100%;
    background-color: var(--color-background-opac);
    background-image: var(--color-accent-alt);
    background-blend-mode: multiply;
    font-size: 9px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--main-font2);
    letter-spacing: 1.5px;
    color: var(--color-main);
    margin-top: 6px;
}

.sticky-sep {
  grid-column: 1 / -1;
  margin: 0;
  font: italic 800 20px var(--display-font);
  padding: 20px;
  line-height: 1;
  color: var(--color-main);
  display: inline-block;
  max-width: 1300px;
  width: 100%;
  letter-spacing: 0px;
  border-left: 1px solid var(--color-opac-border);
  border-top: 1px solid var(--color-opac-border);
  border-right: 1px solid var(--color-opac-border);
  border-bottom: 1px solid var(--color-opac-border);
}

/* Alerts */

/* Reservierungen*/

.reservierung-container {
            width: 100%;
            max-width: 1300px; /* Begrenzung für größere Bildschirme */
            margin: 0 auto;
            background-color: var(--color-background-opac);
    background-blend-mode: overlay;
    background-attachment: fixed;
    background-image: var(--accent-bg);
            padding: 10px;
	margin-bottom:20px;
        }

 /* Titel-Container */
        .reservierung-header-container {
            width: 100%;
            text-align: center;
			text-transform:uppercase;
			font-weight:700;
			font-size:10px;
			font-family:var(--main-font2);
			color:var(--color-main);
            padding: 10px;
           text-align: right;
			background:var(--color-overlay);
}

.reservierung-tabelle {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            padding: 10px;
	           border: 1px solid var(--color-opac-border);
	gap:20px;
}

.reservierung-tabelle a {
	font-weight:600;
    word-break: break-word;
    color: var(--color-accent1);
	  text-decoration: none; /* No underline by default */
   transition: filter 0.3s ease;
}

.reservierung-tabelle a:hover {
    word-break: break-word;
    color: var(--color-main);
		transition: 1s ease-in-out;

}

        /* Einzelne Spalten */
        .reservierung-spalte {
            flex: 1;
            min-width: 150px;
            padding: 10px;
            margin: 5px;
        }

.reservierung-spalte-titel {
    margin: 0;
    font-size: 10px;
    font-family: var(--main-font2);
    color: var(--color-main);
    text-transform: uppercase;
    font-weight: 700;
    padding-bottom: 5px;
    width: 100%;
    background-color: var(--color-accent1);
    background-blend-mode: multiply;
    background-attachment: fixed;
    background-image: var(--accent-bg);
    height: 30px;

    /* Center text vertically */
    display: flex;
    align-items: center;
    padding-left: 10px; /* Optional: Add some left padding */
}

        /* Inhalt */
        .reservierung-text {
            margin: 10px 0 0;
            font-size: 10px;
			font-family:var(--main-font2);
			color:var(--color-main);
        }


.trigger-warning {
	font-family:var(--main-font2);
			color:var(--color-main2);
	font-size:10px;
	margin-top:5px;
	width:100%;
		text-transform:uppercase;

}

.trigger-warning b {
color:var(--color-accent1);
	text-transform:uppercase;

}