/* =========================
   BASIS TYPOGRAFIE
   ========================= */

html {
	font-size: 16px;
}

body {
	font-size: 14px;
	line-height: 1.6;
}

/* =========================
   FOREN & ÜBERSCHRIFTEN
   ========================= */

.tcat,
.thead {
	font-size: 15px;
}

td strong a {
	font-size: 15px;
}

/* Beschreibungen */
.smalltext {
	font-size: 13px;
	line-height: 1.5;
}

/* =========================
   BUTTONS & KLICKBEREICHE
   ========================= */

a.button,
input.button,
button {
	font-size: 15px;
	padding: 8px 14px;
}

/* =========================
   TABLET
   ========================= */

@media (max-width: 1024px) {
	html {
		font-size: 17px;
	}

	body {
		font-size: 15px;
	}

	.tcat,
	.thead {
		font-size: 16px;
	}

	.smalltext {
		font-size: 14px;
	}
}

/* =========================
   SMARTPHONE
   ========================= */

@media (max-width: 768px) {
	html {
		font-size: 18px;
	}

	body {
		font-size: 16px;
	}

	.tcat,
	.thead {
		font-size: 17px;
	}

	td,
	th {
		padding: 12px 8px;
	}

	.smalltext {
		font-size: 15px;
	}
}

/* =========================
   MOBILE & TABLET ANPASSUNGEN
   ========================= */

@media (max-width: 1024px) {

	/* !!! WICHTIG: verhindert das Abschneiden rechts (Default-Theme hat min-width) */
	#container {
		min-width: 0 !important;
	}
	.wrapper {
		width: 100% !important;
		min-width: 0 !important;
		max-width: 100% !important;
	}

	/* Tabellen dürfen nicht rauslaufen */
	table,
	.tborder {
		width: 100% !important;
		max-width: 100% !important;
	}

	/* Zellen dürfen umbrechen statt das Layout zu sprengen */
	td {
		white-space: normal !important;
	}

	/* Alles was per Template align="right" kommt (z.B. letzter Beitrag) -> mittig */
	td[align="right"] {
		text-align: center !important;
	}

	/* Optional: Tabellen-Kopfzeile auf Mobile ausblenden (wirkt sofort moderner/aufgeräumter) */
	.tborder thead {
		display: none;
	}

	/* Kategorie-Header */
	.thead,
	.tcat {
		text-align: center;
		font-size: 15px;
	}

	/* Forenliste */
	tr .trow1,
	tr .trow2 {
		text-align: center;
	}

	/* Forumname größer */
	tr .trow1 strong a,
	tr .trow2 strong a {
		font-size: 15px;
		display: block;
		margin-bottom: 4px;
	}

	/* Beschreibung lesbarer */
	.smalltext {
		font-size: 13px;
		line-height: 1.4;
	}
}