.reservations-desc {
	text-align: justify;
	padding: 20px 32px 8px 32px;
	color: #cfc5c1;
}
 
/* ---------- Formular ---------- */
 
.lists_content .reservations_formularPage {
	background: none;
	border: none;
	padding: 0 32px;
}
 
.reservations_formularPage form {
	width: 100%;
	max-width: 460px;
	box-sizing: border-box;
	margin: 12px auto 24px auto;
	padding: 18px 20px;
	background: #121a1f;
	border: 1px solid #3b4d55;
}
 
.reservations_formularShowthread form {
	width: 84%;
	margin: 10px auto;
}
 
.reservations_formular-label {
	font-weight: bold;
	width: 100%;
}
 
.reservations_formular-input {
	margin-bottom: 8px;
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	justify-content: space-between;
}
 
.reservations_formular-select,
.reservations_formular-select select,
.reservations_formular-field,
.reservations_formular-field input.textbox,
.reservations_formular-field .select2-container {
	width: 100%;
	box-sizing: border-box;
}
 
.reservations_formularPage select,
.reservations_formularPage input.textbox {
	height: 34px;
	padding: 0 8px;
	background: #1b252a;
	border: 1px solid #3b4d55;
	border-radius: 0;
	color: #cfc5c1;
}
 
.reservations_formularPage input.button {
	margin-top: 8px;
	padding: 8px 14px;
	background: #223138;
	border: 1px solid #c7945c;
	border-radius: 0;
	color: #ece4df;
	font-family: Aldrich, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	cursor: pointer;
}
 
.reservations_formularPage input.button:hover {
	background: #2a3d46;
}
 
/* ---------- Seite: Kategorien als Kästen nebeneinander ---------- */
 
.lists_content .reservations_page-container {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 20px;
	align-items: start;
	padding: 8px 32px 32px 32px;
	background: none;
	border: none;
}
 
.lists_content .reservations_types {
	margin-bottom: 0;
	background: #121a1f;
	border: 1px solid #3b4d55;
}
 
.lists_content .reservations_headline,
.lists_content .reservations-headline {
	padding: 12px 16px;
	background: none;
	border: none;
	border-bottom: 2px solid #3b4d55;
	font-family: Aldrich, sans-serif;
	font-size: 15px;
	font-weight: normal;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #ece4df;
}
 
.reservationsSingle {
	display: block;
}
 
.reservations-genderflex,
.reservations_page-genderflex {
	display: flex;
	flex-wrap: nowrap;
	justify-content: flex-start;
}
 
.reservations-reservation {
	width: 100%;
}
 
.lists_content .reservations-subline {
	padding: 8px 16px;
	background: #1b252a;
	border: none;
	border-bottom: 1px solid #2a3d46;
	font-family: Aldrich, sans-serif;
	font-size: 12px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #b5aaa4;
}
 
.reservations-genderline {
	font-weight: bold;
	padding: 6px 16px;
}
 
.lists_content .reservations-genderline {
	background: none;
	border: none;
	color: #b5aaa4;
}
 
/* ---------- einzelner Eintrag ---------- */
 
.reservations_entry {
	padding: 5px;
}
 
.lists_content .reservations_entry {
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 12px 16px;
	border-bottom: 1px solid #2a3d46;
}
 
.lists_content .reservations_entry:last-child {
	border-bottom: none;
}
 
.lists_content .reservations_entry-res {
	flex: 1 1 0;
	min-width: 0;
	color: #ece4df;
}
 
.lists_content .reservations_entry-res b {
	font-weight: normal;
}
 
.lists_content .reservations_entry-info {
	font-size: 13px;
	color: #8d979b;
}
 
/* Resttage als Marke – ab 5 Tagen gelb */
.reservations_days {
	padding: 3px 9px;
	border: 1px solid #c7945c;
	color: #c7945c;
	font-family: Aldrich, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	white-space: nowrap;
}
 
.reservations_days[data-tage=""] {
	display: none;
}
 
.reservations_days[data-tage="0"],
.reservations_days[data-tage="1"],
.reservations_days[data-tage="2"],
.reservations_days[data-tage="3"],
.reservations_days[data-tage="4"],
.reservations_days[data-tage="5"] {
	background: #f2c14e;
	border-color: #f2c14e;
	color: #1a1300;
}
 
.reservations_types {
	margin-bottom: 10px;
}
 
/* ---------- gesperrte Reservierungen unter der Liste ---------- */
 
.lists_content .reservations_page.tborder {
	margin: 0 32px 32px 32px;
	background: #121a1f;
	border: 1px solid #3b4d55;
}
 
.lists_content .reservations_page.tborder .reservations_page-container {
	display: block;
	padding: 0;
}
 
.lists_content .reservations_blockedreservations-title {
	background: none;
	border: none;
	color: #b5aaa4;
	padding: 8px 16px;
}
 
/* ---------- SHOWTHREAD ---------- */
 
.reservations_showthread {
	display: flex;
	flex-wrap: nowrap;
	gap: 10px;
	align-items: flex-start;
}
 
.reservations_showthread-guide {
	width: 40%;
}
 
.reservations_showthread-output {
	width: 60%;
}
 
.reservations_showthread-desc {
	text-align: justify;
	padding: 20px 40px;
}
 
/* ---------- TABS ---------- */
 
.reservationTab {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	grid-column: 1 / -1;
	border-bottom: 2px solid #895b32;
}
 
.reservationTablinks {
	padding: 10px 16px;
	transition: 0.3s;
	cursor: pointer;
	border: 1px solid #2a3d46;
	border-bottom: none;
	font-family: Aldrich, sans-serif;
	font-size: 13px;
	letter-spacing: 2px;
	text-transform: uppercase;
	color: #c7945c;
}
 
.reservationTablinks:hover {
	background-color: #202c32;
}
 
.reservationTablinks.active {
	background-color: #223138;
	border-color: #c7945c;
	color: #ece4df;
}
 
.reservationTabcontent {
	display: none;
	grid-column: 1 / -1;
	background: #121a1f;
	border: 1px solid #3b4d55;
}
 
/* ---------- eigene / gesperrte Reservierungen ---------- */
 
.reservations_ownreservations {
	margin-bottom: 20px;
}
 
.reservations_ownreservations-types,
.reservations_blockedreservations-types {
	display: flex;
}
 
.reservations_ownreservationsBit,
.reservations_blockedreservationsBit {
	width: 100%;
}
 
.reservations_ownreservations-title,
.reservations_blockedreservations-title {
	font-weight: bold;
	padding: 3px;
}
 
.reservationsBanner {
	font-size: 14px;
	margin-top: -2px;
	float: right;
}
 
@media (max-width: 768px) {
	.reservations-desc,
	.reservations_formularPage {
		padding-left: 16px;
		padding-right: 16px;
	}
 
	.lists_content .reservations_page-container {
		padding: 8px 16px 24px 16px;
	}
 
	.lists_content .reservations_page.tborder {
		margin: 0 16px 24px 16px;
	}
}

/* ---------- MyBB-Standardtabellen in Lärche ---------- */

body,
#content { color: #cfc5c1; }

.tborder {
	background: #1b252a;
	border: 1px solid #895b32;
}

.thead {
	background: #223138;
	border-bottom: 1px solid #3b4d55;
	color: #ece4df;
}

.thead a:link,
.thead a:visited { color: #ece4df; }

.tcat {
	background: #121a1f;
	border-color: #2a3d46;
	color: #b5aaa4;
}

.trow1,
.trow2 {
	background: #1b252a;
	border-color: #2a3d46;
	color: #cfc5c1;
}

.tfoot {
	background: #121a1f;
	color: #8d979b;
}

.navigation { color: #8d979b; }
.navigation .active { color: #cfc5c1; }