* {
  box-sizing: border-box;
}

/* ===== OSA Design-Variablen (Farben und Schriften für Buttons und Threadkopf) ===== */
:root {
  --osa-navy: #4a3f8c;
  --osa-tit: #1f1d4f;
  --osa-l1: #e1daf0;
  --osa-l2: #bfcce4;
  --osa-disp: 'Italiana', 'Times New Roman', serif;
  --osa-body: 'Archivo', system-ui, sans-serif;
  --osa-ink: #1b2a36;
  --osa-mut: #5a6877;
  --osa-glass: rgba(255,255,255,.62);
  --osa-line: rgba(255,255,255,.8);
}

body {
   background: #eeeeee;
   color: #333;
   background-image: url(../../../images_nightsky/background_sky.png);
   background-attachment: fixed;
   text-align: center;
   line-height: 1.4;
   margin: 0;
   overflow-y: scroll;
   font-family: Tahoma, Verdana, Arial, Sans-Serif;
   font-size: 13px;
	background-position: center;
    background-size: cover;
}

a:link {
	color: #181818;
	text-decoration: none;
	text-transform: uppercase;
	    letter-spacing: 1px;
}

a:visited {
	color: #181818;
	text-decoration: none;
	text-transform: uppercase;
}

a:hover,
a:active {
	color: #195e867d;
	text-decoration: none;
	text-transform: uppercase;
}

#container {
	width: 100%;           /* vorher 1200px */
	max-width: 1200px;
	box-sizing: border-box;
	color: #333;
	text-align: left;
	line-height: 1.4;
	margin: 0;
	margin: auto auto;
	height: 100vh;
	text-align: left;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: stretch;
	
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

.wrapper {
	width: 100%;
	min-width: 0;          /* vorher 1100px: Seite konnte nicht schmaler werden */
	max-width: 1100px;
	box-sizing: border-box;
	margin: auto auto;
}

#logo {
	background: #fff;
	padding: 10px 0;
	border-bottom: 1px solid #263c30;
}

#content {
	/* background-color: #48304f94; */
	/* background-color: #f7f7f79e; */
	background: linear-gradient(160deg, #bcd0e6, #c9c4e8 60%, #a9b9de);
   width: auto !important;
	    padding: 20px;
}

#header ul.menu {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header ul.menu li {
	margin: 0 7px;
	display: inline;
}

#header ul.menu li a {
	padding-left: 20px;
	background-image: url(../../../images/headerlinks_sprite.png);
	background-repeat: no-repeat;
	display: inline-block;
	line-height: 16px;
}

#logo ul.top_links {
	font-weight: bold;
	text-align: right;
	margin: -10px 5px 0 0;
}

#logo ul.top_links a.search {
	background-position: 0 0;
}

#logo ul.top_links a.memberlist {
	background-position: 0 -20px;
}

#logo ul.top_links a.calendar {
	background-position: 0 -40px;
}

#logo ul.top_links a.help {
	background-position: 0 -60px;
}

#logo ul.top_links a.portal {
	background-position: 0 -180px;
}

#panel .upper a.logout {
	/* background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat; */
	padding-right: 20px;
	margin-left: 10px;
	font-size: 15px;
    font-family: 'SF Buttacup Lettering', sans-serif;
}

#panel .upper a.login,
#panel .upper a.lost_password {
	/* background: url(../../../images/headerlinks_sprite.png) 0 -100px no-repeat; */
	padding-left: 20px;
	margin-left: 10px;
	font-size: 15px;
    font-family: 'SF Buttacup Lettering', sans-serif;
}

#panel .upper a.register {
	/* background: url(../../../images/headerlinks_sprite.png) right -80px no-repeat; */
	padding-right: 20px;
	margin-left: 10px;
	font-size: 15px;
    font-family: 'SF Buttacup Lettering', sans-serif;
}

#panel .lower ul.panel_links {
	float: left;
}

#panel .lower ul.panel_links a.usercp {
	background-position: 0 -120px;
}

#panel .lower ul.panel_links a.modcp {
	background-position: 0 -140px;
}

#panel .lower ul.panel_links a.admincp {
	background-position: 0 -160px;
}

#panel .lower ul.user_links {
	float: right;
}

#panel .lower ul.user_links li a {
	padding: 0;
	background-image: none;
}

#panel .upper {
	background: #0f0f0f url(../../../images_shape/tcat.png) repeat-x;
	color: #fff;
	/* border-top: 1px solid #444;
	border-bottom: 1px solid #000; */
	padding: 7px;
	clear: both;
}

#panel .upper a:link,
#panel .upper a:visited,
#panel .upper a:hover,
#panel .upper a:active {
	color: #fff;
}

#panel .lower {
	background: #efefef;
	color: #999;
	/* border-top: 1px solid #fff;
	border-bottom: 1px solid #ccc; */
	padding: 5px;
}

#panel .lower a:link,
#panel .lower a:visited,
#panel .lower a:hover,
#panel .lower a:active {
	color: #666;
}

#search {
	border: 0;
	padding: 0;
	margin: 0;
	float: right;
	vertical-align: middle;
}

#search input.button,
#search input.textbox {
	border-color: #000;
}

#search input.button {
	background: #0066a2 url(../../../images/thead.png) top left repeat-x;
	color: #fff;
}

#search input {
	margin: -3px 0;
}

#quick_login .remember_me input {
	vertical-align: middle;
	margin: -3px 0 0 5px;
}

/* ===== Footer · Sternbild-Band (Variante A) ===== */
#footer {
	clear: both;
	margin-top: 0;
}
#footer ul.menu { margin: 0; padding: 0; list-style: none; }
#footer ul.menu li { margin: 0 5px; display: inline; }

#footer .upper {
	background: #d9d4f3 url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221100%22 height=%2280%22 viewBox=%220 0 1100 80%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23e1daf0%22/%3E%3Cstop offset=%221%22 stop-color=%22%23bfcce4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%221100%22 height=%2280%22 fill=%22url%28%23g%29%22/%3E%3Cg stroke=%22%23ffffffcc%22 stroke-width=%220.7%22 fill=%22none%22%3E%3Cline x1=%2213.7%22 y1=%2218.8%22 x2=%2269.8%22 y2=%2214.0%22/%3E%3Cline x1=%22107.3%22 y1=%2231.8%22 x2=%22129.4%22 y2=%2240.5%22/%3E%3Cline x1=%22129.4%22 y1=%2240.5%22 x2=%22170.8%22 y2=%2236.0%22/%3E%3Cline x1=%22170.8%22 y1=%2236.0%22 x2=%22214.5%22 y2=%2215.1%22/%3E%3Cline x1=%22214.5%22 y1=%2215.1%22 x2=%22271.8%22 y2=%2259.9%22/%3E%3Cline x1=%22301.4%22 y1=%2223.2%22 x2=%22365.0%22 y2=%2267.2%22/%3E%3Cline x1=%22405.2%22 y1=%2233.7%22 x2=%22464.4%22 y2=%2212.4%22/%3E%3Cline x1=%22464.4%22 y1=%2212.4%22 x2=%22501.7%22 y2=%2227.2%22/%3E%3Cline x1=%22501.7%22 y1=%2227.2%22 x2=%22513.8%22 y2=%2216.8%22/%3E%3Cline x1=%22513.8%22 y1=%2216.8%22 x2=%22563.1%22 y2=%2259.2%22/%3E%3Cline x1=%22563.1%22 y1=%2259.2%22 x2=%22600.0%22 y2=%2245.0%22/%3E%3Cline x1=%22700.1%22 y1=%2213.4%22 x2=%22721.8%22 y2=%2222.1%22/%3E%3Cline x1=%22721.8%22 y1=%2222.1%22 x2=%22790.3%22 y2=%2235.6%22/%3E%3Cline x1=%22790.3%22 y1=%2235.6%22 x2=%22817.1%22 y2=%2245.2%22/%3E%3Cline x1=%22817.1%22 y1=%2245.2%22 x2=%22865.3%22 y2=%2227.8%22/%3E%3Cline x1=%22865.3%22 y1=%2227.8%22 x2=%22922.1%22 y2=%2252.1%22/%3E%3Cline x1=%22995.3%22 y1=%2262.8%22 x2=%221046.2%22 y2=%2227.1%22/%3E%3Cline x1=%221046.2%22 y1=%2227.1%22 x2=%221099.2%22 y2=%2216.8%22/%3E%3Cline x1=%2213.7%22 y1=%2218.8%22 x2=%22129.4%22 y2=%2240.5%22/%3E%3Cline x1=%22170.8%22 y1=%2236.0%22 x2=%22301.4%22 y2=%2223.2%22/%3E%3Cline x1=%22365.0%22 y1=%2267.2%22 x2=%22501.7%22 y2=%2227.2%22/%3E%3Cline x1=%22513.8%22 y1=%2216.8%22 x2=%22661.6%22 y2=%2232.2%22/%3E%3Cline x1=%22700.1%22 y1=%2213.4%22 x2=%22817.1%22 y2=%2245.2%22/%3E%3Cline x1=%22865.3%22 y1=%2227.8%22 x2=%22995.3%22 y2=%2262.8%22/%3E%3C/g%3E%3Ccircle cx=%2213.7%22 cy=%2218.8%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%2269.8%22 cy=%2214.0%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22107.3%22 cy=%2231.8%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22129.4%22 cy=%2240.5%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22170.8%22 cy=%2236.0%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22214.5%22 cy=%2215.1%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22271.8%22 cy=%2259.9%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22301.4%22 cy=%2223.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22365.0%22 cy=%2267.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22405.2%22 cy=%2233.7%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22464.4%22 cy=%2212.4%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22501.7%22 cy=%2227.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22513.8%22 cy=%2216.8%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22563.1%22 cy=%2259.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22600.0%22 cy=%2245.0%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22661.6%22 cy=%2232.2%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22700.1%22 cy=%2213.4%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22721.8%22 cy=%2222.1%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22790.3%22 cy=%2235.6%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22817.1%22 cy=%2245.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22865.3%22 cy=%2227.8%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22922.1%22 cy=%2252.1%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22941.1%22 cy=%2244.5%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22995.3%22 cy=%2262.8%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%221046.2%22 cy=%2227.1%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%221099.2%22 cy=%2216.8%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22735.5%22 cy=%221.8%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22507.9%22 cy=%2213.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22128.8%22 cy=%224.7%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22845.1%22 cy=%2210.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22272.4%22 cy=%2231.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22958.6%22 cy=%226.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22494.1%22 cy=%2244.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22971.7%22 cy=%2265.5%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22950.4%22 cy=%2222.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22456.8%22 cy=%2228.7%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22972.6%22 cy=%2276.6%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22166.0%22 cy=%2214.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22255.2%22 cy=%2218.7%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22533.5%22 cy=%2247.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22289.0%22 cy=%220.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22460.8%22 cy=%2229.5%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22623.0%22 cy=%2276.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22759.5%22 cy=%2241.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22679.4%22 cy=%2254.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%2259.4%22 cy=%2272.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22858.0%22 cy=%2270.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22877.7%22 cy=%2231.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22438.9%22 cy=%228.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22697.7%22 cy=%225.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%2274.1%22 cy=%2216.7%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22178.5%22 cy=%2227.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%2257.8%22 cy=%220.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22166.4%22 cy=%228.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22400.0%22 cy=%222.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22961.8%22 cy=%2249.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22163.4%22 cy=%2220.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22382.1%22 cy=%2229.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22135.1%22 cy=%2267.9%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%221092.4%22 cy=%2237.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22532.2%22 cy=%226.9%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22112.4%22 cy=%2227.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22291.2%22 cy=%2266.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22177.6%22 cy=%221.8%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%221046.1%22 cy=%2242.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22161.3%22 cy=%2243.5%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%2229.7%22 cy=%2242.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%221076.4%22 cy=%2269.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22765.8%22 cy=%2220.9%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22403.4%22 cy=%2213.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22849.1%22 cy=%2242.6%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22857.0%22 cy=%2226.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22245.3%22 cy=%2264.9%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%221083.4%22 cy=%2268.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22886.7%22 cy=%2265.5%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22813.9%22 cy=%2218.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3C/svg%3E") center/cover no-repeat;
	border-bottom: 3px solid var(--osa-navy);
	padding: 0 20px;
	min-height: 56px;
	display: flex;
	align-items: center;
	font-size: 12px;
	overflow: visible;
}
#footer .upper .wrapper {
	width: 100%;
	max-width: none;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 6px 24px;
	font-size: 0; /* blendet die " | " Trenner aus */
	padding: 8px 0;
}
#footer .upper .wrapper > a:link,
#footer .upper .wrapper > a:visited {
	font: 700 10px/1 var(--osa-body);
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--osa-navy);
}
#footer .upper .wrapper > a:hover,
#footer .upper .wrapper > a:active { color: var(--osa-tit); }

#footer .upper .language,
#footer .upper .theme {
	float: none;
	margin: 0;
	padding: 0;
}
#footer .upper .theme { margin-left: auto; }
#footer .upper .theme form { display: flex; align-items: center; margin: 0; }
#footer .upper .language select,
#footer .upper .theme select {
	font: 13px var(--osa-body);
	color: var(--osa-ink);
	background: rgba(255,255,255,.88);
	border: 1px solid var(--osa-line);
	box-shadow: 0 0 0 1px rgba(74,63,140,.18);
	border-radius: 0;
	padding: 7px 10px;
	outline: 0;
}
#footer .upper .theme input.button {
	font: 800 10px/1 var(--osa-body);
	letter-spacing: .16em;
	text-transform: uppercase;
	height: 34px;
	padding: 0 16px;
	margin: 0 0 0 6px;
	border: 1px solid rgba(74,63,140,.35);
	background: rgba(255,255,255,.7);
	color: var(--osa-navy);
	border-radius: 0;
}
#footer .upper ul.bottom_links { float: none; margin: 0; }

#footer .lower {
	background: var(--osa-glass);
	border: 1px solid var(--osa-line);
	border-top: 0;
	padding: 18px 20px;
	overflow: hidden;
	font: 11px/1.7 var(--osa-body);
	color: var(--osa-mut);
	text-align: center;
}
#footer .lower a:link,
#footer .lower a:visited {
	color: var(--osa-navy);
	font-weight: 700;
	letter-spacing: .1em;
}
#footer .lower a:hover,
#footer .lower a:active {
	color: var(--osa-tit);
	text-decoration: underline;
	font-weight: 700;
}
#footer .lower .footer_box br,
#footer .lower .footer_boxing { display: none; }
#footer .lower .footer_box::before {
	content: "\2726";
	display: block;
	color: var(--osa-navy);
	font-size: 13px;
	margin-bottom: 4px;
}
#footer .lower #current_time { float: none; display: block; color: var(--osa-mut); }

/* ===== Unterforen auf der Forumsseite · Glas-Zeilen (Variante A) ===== */
.wrapper > .osa-tile {
	flex-direction: row;
	align-items: center;
	gap: 22px;
	margin-bottom: 10px;
	padding: 18px 24px 18px 30px;
	background: var(--osa-glass);
	border: 1px solid var(--osa-line);
	border-left: 3px solid var(--osa-navy);
}
.wrapper > .osa-tile .osa-top { flex: 1; min-width: 0; }
.wrapper > .osa-tile .osa-last {
	flex: 0 0 42%;
	max-width: 42%;
	margin-top: 0;
	padding-top: 0;
}
.wrapper > .osa-tile .osa-av { width: 52px; height: 52px; }
/* leere "Foren in ..."-Tabelle hinter den Kacheln ausblenden */
.wrapper > .osa-tile + table.tborder { display: none; }
@media (max-width: 700px) {
	.wrapper > .osa-tile { flex-direction: column; align-items: stretch; gap: 12px; }
	.wrapper > .osa-tile .osa-last { flex: none; max-width: none; }
}

/* ===== Themenliste (Forumsseite) + Szenen-Angaben · Sternbild 2x2 ===== */
/* Szenen-Angaben (Template inplayscenes_forumdisplay), ueberall gleich */
.osa-info {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px 22px;
	margin-top: 10px;
}
.osa-i {
	--m: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Cpath d=%27M12 22s7-6.5 7-12a7 7 0 00-14 0c0 5.5 7 12 7 12z%27/%3E%3Ccircle cx=%2712%27 cy=%2710%27 r=%272.5%27/%3E%3C/svg%3E");
	display: flex;
	align-items: center;
	gap: 10px;
	min-width: 0;
	font: 12.5px/1.35 var(--osa-body);
	color: var(--osa-ink);
}
.osa-i-ch { --m: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Ccircle cx=%2712%27 cy=%278%27 r=%274%27/%3E%3Cpath d=%27M4 21c0-4 4-6 8-6s8 2 8 6%27/%3E%3C/svg%3E"); }
.osa-i-set { --m: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%275%27 y=%2711%27 width=%2714%27 height=%2710%27/%3E%3Cpath d=%27M8 11V7a4 4 0 018 0v4%27/%3E%3C/svg%3E"); }
.osa-i-date { --m: url("data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 24 24%27 fill=%27none%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27%3E%3Crect x=%273%27 y=%275%27 width=%2718%27 height=%2716%27/%3E%3Cpath d=%27M3 10h18M8 3v4M16 3v4%27/%3E%3C/svg%3E"); }
.osa-ic {
	flex: none;
	position: relative;
	width: 30px;
	height: 30px;
	background: #e6e3f6;
	box-shadow: 0 0 0 1px rgba(74,63,140,.25);
}
.osa-ic::before {
	content: "";
	position: absolute;
	inset: 0;
	background: var(--osa-navy);
	-webkit-mask: var(--m) center / 16px no-repeat;
	mask: var(--m) center / 16px no-repeat;
}
.osa-t { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.osa-l {
	font: 800 8.5px/1 var(--osa-body);
	letter-spacing: .17em;
	text-transform: uppercase;
	color: var(--osa-mut);
}
.osa-v { color: var(--osa-ink); font-weight: 500; line-height: 1.35; overflow-wrap: anywhere; }
.osa-info .osa-v a:link, .osa-info .osa-v a:visited {
	font: 800 12.5px/1.2 var(--osa-body);
	letter-spacing: .07em;
	text-transform: uppercase;
	color: #2b2470;
	text-decoration: none;
}
.osa-info .osa-v a:hover, .osa-info .osa-v a:active { color: var(--osa-navy); text-decoration: underline; }
.osa-tw { margin-top: 8px; font-size: 11.5px; color: var(--osa-mut); }
.osa-tw:empty { display: none; }

/* Titelleisten: Links rechts (z.B. "Forum als gelesen markieren") klein statt in Titelschrift */
.thead { position: relative; }
.thead > .float_right {
	position: absolute;
	right: 28px;
	top: 50%;
	transform: translateY(-50%);
	float: none;
}
.thead .float_right .smalltext,
.thead .float_right strong {
	font: 800 10px/1 var(--osa-body);
	letter-spacing: .14em;
	text-transform: uppercase;
	-webkit-text-stroke: 0;
}
.thead .float_right strong::before { content: none; }
.thead .float_right a:link,
.thead .float_right a:visited { color: var(--osa-navy); font-size: 10px; letter-spacing: .14em; }

/* Themenliste: Tabelle wird zum Raster, Antworten/Ansichten stehen untereinander */
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]),
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody { display: block; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr { display: block; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr > td { display: block; width: auto !important; border-bottom: 0; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr > td.thead { display: flex; align-items: center; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr:not(.inline_row):not(:has(> td.tcat)):not(:has(> td.thead)):not(:has(> td.tfoot)) { display: flex; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr:not(.inline_row):not(:has(> td.tcat)):not(:has(> td.thead)):not(:has(> td.tfoot)) > td { flex: 1 1 auto; }

table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row,
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr:has(> td.tcat) {
	display: grid;
	grid-template-columns: 44px minmax(0, 1fr) 128px 220px auto;
	grid-template-rows: 1fr 1fr;
}
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row { border-bottom: 1px solid rgba(255,255,255,.7); }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row:nth-child(odd) { background: var(--osa-glass); }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row:nth-child(even) { background: rgba(255,255,255,.46); }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr:has(> td.tcat) { background: rgba(74,63,140,.12); border-bottom: 1px solid var(--osa-line); }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr > td.trow1,
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr > td.trow2,
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr > td.tcat { background: none !important; }

/* Zeilen: Zellen platzieren */
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(2),
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(6),
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr:has(> td.tcat) > td:nth-child(4) { display: none; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td { padding: 14px 16px; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(1) { grid-column: 1; grid-row: 1 / 3; align-self: center; text-align: center; padding: 14px 0 14px 12px; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(3) { grid-column: 2; grid-row: 1 / 3; align-self: center; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(4) { grid-column: 3; grid-row: 1; align-self: end; padding-bottom: 3px; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(5) { grid-column: 3; grid-row: 2; align-self: start; padding-top: 3px; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(7) { grid-column: 4; grid-row: 1 / 3; align-self: center; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(8) { grid-column: 5; grid-row: 1 / 3; align-self: center; }

/* Kopfzeile passend dazu */
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr:has(> td.tcat) > td { padding-top: 9px; padding-bottom: 9px; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr:has(> td.tcat) > td:nth-child(1) { grid-column: 1 / 3; grid-row: 1 / 3; align-self: center; padding-left: 16px; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr:has(> td.tcat) > td:nth-child(2) { grid-column: 3; grid-row: 1; padding-bottom: 4px; text-align: center; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr:has(> td.tcat) > td:nth-child(3) { grid-column: 3; grid-row: 2; padding-top: 4px; text-align: center; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr:has(> td.tcat) > td:nth-child(5) { grid-column: 4; grid-row: 1 / 3; align-self: center; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr:has(> td.tcat) > td:nth-child(6) { grid-column: 5; grid-row: 1 / 3; align-self: center; }

/* Statistik: Zahl + Label nebeneinander, uebereinander gestapelt */
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(4),
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(5) {
	display: flex;
	align-items: baseline;
	justify-content: center;
	font: 700 20px/1 var(--osa-body);
	color: var(--osa-tit);
	text-align: left;
}
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(4) a:link,
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(4) a:visited {
	font: 700 20px/1 var(--osa-body);
	letter-spacing: 0;
	text-transform: none;
	color: var(--osa-tit);
}
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(4)::after { content: "Antworten"; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(5)::after { content: "Ansichten"; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(4)::after,
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(5)::after {
	margin-left: 9px;
	font: 800 8.5px/1 var(--osa-body);
	letter-spacing: .15em;
	text-transform: uppercase;
	color: var(--osa-mut);
}

/* Statussymbol: Stern statt Ordner-Bild */
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .thread_status {
	display: inline-block;
	position: relative;
	width: 26px !important;
	height: 26px !important;
	font-size: 0 !important;
	background: none !important;
}
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .thread_status::before {
	content: "\2727";
	position: absolute;
	inset: 0;
	font: 24px/26px var(--osa-body);
	text-align: center;
	color: #9a96c4;
}
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .thread_status[class*="new"]::before { content: "\2726"; color: var(--osa-navy); }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .thread_status[class*="lock"]::before { content: "\2715"; font-size: 14px; color: #8a8aa6; }

/* Titel, Namen, Letzter Beitrag */
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .subject_editable a:link,
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .subject_editable a:visited,
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) tr.inline_row > td:nth-child(3) a[href*="showthread.php?tid="]:not([href*="&"]):not(.smalltext *):link,
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) tr.inline_row > td:nth-child(3) a[href*="showthread.php?tid="]:not([href*="&"]):not(.smalltext *):visited {
	font: 400 20px/1.15 var(--osa-disp);
	text-transform: uppercase;
	letter-spacing: .04em;
	color: #17153f;
	-webkit-text-stroke: .7px #17153f;
}
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .subject_editable a:hover,
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .subject_editable a:active,
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) tr.inline_row > td:nth-child(3) a[href*="showthread.php?tid="]:not([href*="&"]):not(.smalltext *):hover { color: var(--osa-navy); -webkit-text-stroke-color: var(--osa-navy); }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .author { display: inline-block; margin-top: 8px; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .author a:link,
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .author a:visited { font: 800 12px/1 var(--osa-body); letter-spacing: .08em; color: #2b2470; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .thread_start_datetime { font-size: 11.5px; color: #4a5a6a; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .lastpost {
	display: block;
	font: 600 0/1 var(--osa-body); /* blendet den Doppelpunkt aus */
	letter-spacing: .04em;
	color: var(--osa-mut);
}
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .lastpost::first-line { font-size: 11px; line-height: 1.7; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .lastpost a:link,
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .lastpost a:visited { display: block; line-height: 1.5; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .lastpost a:first-of-type {
	margin-top: 4px;
	font-size: 9px !important;
	letter-spacing: .16em !important;
	text-transform: uppercase;
	font-weight: 800;
	color: var(--osa-mut) !important;
}
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .lastpost a:first-of-type + a:link,
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .lastpost a:first-of-type + a:visited { margin-top: 1px; font-size: 12px !important; letter-spacing: .08em; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .lastpost a:link,
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) .lastpost a:visited { font-weight: 800; font-size: 11.5px; letter-spacing: .06em; color: #2b2470; }

/* Letzter Beitrag darf umbrechen (sonst ragt der Name aus der Tabelle) */
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(7) { white-space: normal !important; text-align: right !important; overflow-wrap: anywhere; }
/* Archiv-Icon oben rechts in der Titelzelle statt unter den Angaben */
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(3) { position: relative; padding-right: 48px; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(3) a[href*="action=archiving"] {
	position: absolute;
	top: 14px;
	right: 18px;
	font-size: 13px;
	line-height: 1;
	color: var(--osa-navy);
	opacity: .75;
}
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(3) a[href*="action=archiving"]:hover { opacity: 1; }
table.tborder:has(> tbody > tr > td.tfoot > form[action="forumdisplay.php"]) > tbody > tr.inline_row > td:nth-child(3) a[href*="action=gotounread"] { display: inline-block; margin-right: 6px; vertical-align: middle; }

@media (max-width: 800px) {
	.osa-info { grid-template-columns: 1fr; }
}

#debug {
	float: right;
	text-align: right;
	margin-top: 20px;
	font-size: 11px;
}

.scaleimages img {
	max-width: 100%;
}

.forum_status {
	height: 30px;
	width: 30px;
	background: url(../../../images/forum_icon_sprite.png) no-repeat 0 0;
	display: inline-block;
}

.forum_on {
	background-position: 0 0;
}

.forum_off {
	background-position: 0 -30px;
}

.forum_offclose {
	background-position: 0 -60px;
}

.forum_offlink {
	background-position: 0 -90px;
}

.subforumicon {
	height: 10px;
	width: 10px;
	display: inline-block;
	margin: 0 5px;
	background: url(../../../images/mini_status_sprite.png) no-repeat 0 0;
}

.subforum_minion {
	background-position: 0 0;
}

.subforum_minioff {
	background-position: 0 -10px;
}

.subforum_minioffclose {
	background-position: 0 -20px;
}

.subforum_miniofflink {
	background-position: 0 -30px;
}

table {
	color: #333;
	font-size: 13px;
}

.tborder {
	background: none;
	width: 100%;
	margin: auto auto;
	/* border: 1px solid #ccc;
	padding: 1px; */
}

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

.thead {
	/* Listen-Tabellen · Variante A: Sternbild-Titel */
	background: #d9d4f3 url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221100%22 height=%2280%22 viewBox=%220 0 1100 80%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23e1daf0%22/%3E%3Cstop offset=%221%22 stop-color=%22%23bfcce4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%221100%22 height=%2280%22 fill=%22url%28%23g%29%22/%3E%3Cg stroke=%22%23ffffffcc%22 stroke-width=%220.7%22 fill=%22none%22%3E%3Cline x1=%2213.7%22 y1=%2218.8%22 x2=%2269.8%22 y2=%2214.0%22/%3E%3Cline x1=%22107.3%22 y1=%2231.8%22 x2=%22129.4%22 y2=%2240.5%22/%3E%3Cline x1=%22129.4%22 y1=%2240.5%22 x2=%22170.8%22 y2=%2236.0%22/%3E%3Cline x1=%22170.8%22 y1=%2236.0%22 x2=%22214.5%22 y2=%2215.1%22/%3E%3Cline x1=%22214.5%22 y1=%2215.1%22 x2=%22271.8%22 y2=%2259.9%22/%3E%3Cline x1=%22301.4%22 y1=%2223.2%22 x2=%22365.0%22 y2=%2267.2%22/%3E%3Cline x1=%22405.2%22 y1=%2233.7%22 x2=%22464.4%22 y2=%2212.4%22/%3E%3Cline x1=%22464.4%22 y1=%2212.4%22 x2=%22501.7%22 y2=%2227.2%22/%3E%3Cline x1=%22501.7%22 y1=%2227.2%22 x2=%22513.8%22 y2=%2216.8%22/%3E%3Cline x1=%22513.8%22 y1=%2216.8%22 x2=%22563.1%22 y2=%2259.2%22/%3E%3Cline x1=%22563.1%22 y1=%2259.2%22 x2=%22600.0%22 y2=%2245.0%22/%3E%3Cline x1=%22700.1%22 y1=%2213.4%22 x2=%22721.8%22 y2=%2222.1%22/%3E%3Cline x1=%22721.8%22 y1=%2222.1%22 x2=%22790.3%22 y2=%2235.6%22/%3E%3Cline x1=%22790.3%22 y1=%2235.6%22 x2=%22817.1%22 y2=%2245.2%22/%3E%3Cline x1=%22817.1%22 y1=%2245.2%22 x2=%22865.3%22 y2=%2227.8%22/%3E%3Cline x1=%22865.3%22 y1=%2227.8%22 x2=%22922.1%22 y2=%2252.1%22/%3E%3Cline x1=%22995.3%22 y1=%2262.8%22 x2=%221046.2%22 y2=%2227.1%22/%3E%3Cline x1=%221046.2%22 y1=%2227.1%22 x2=%221099.2%22 y2=%2216.8%22/%3E%3Cline x1=%2213.7%22 y1=%2218.8%22 x2=%22129.4%22 y2=%2240.5%22/%3E%3Cline x1=%22170.8%22 y1=%2236.0%22 x2=%22301.4%22 y2=%2223.2%22/%3E%3Cline x1=%22365.0%22 y1=%2267.2%22 x2=%22501.7%22 y2=%2227.2%22/%3E%3Cline x1=%22513.8%22 y1=%2216.8%22 x2=%22661.6%22 y2=%2232.2%22/%3E%3Cline x1=%22700.1%22 y1=%2213.4%22 x2=%22817.1%22 y2=%2245.2%22/%3E%3Cline x1=%22865.3%22 y1=%2227.8%22 x2=%22995.3%22 y2=%2262.8%22/%3E%3C/g%3E%3Ccircle cx=%2213.7%22 cy=%2218.8%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%2269.8%22 cy=%2214.0%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22107.3%22 cy=%2231.8%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22129.4%22 cy=%2240.5%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22170.8%22 cy=%2236.0%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22214.5%22 cy=%2215.1%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22271.8%22 cy=%2259.9%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22301.4%22 cy=%2223.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22365.0%22 cy=%2267.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22405.2%22 cy=%2233.7%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22464.4%22 cy=%2212.4%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22501.7%22 cy=%2227.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22513.8%22 cy=%2216.8%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22563.1%22 cy=%2259.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22600.0%22 cy=%2245.0%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22661.6%22 cy=%2232.2%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22700.1%22 cy=%2213.4%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22721.8%22 cy=%2222.1%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22790.3%22 cy=%2235.6%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22817.1%22 cy=%2245.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22865.3%22 cy=%2227.8%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22922.1%22 cy=%2252.1%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22941.1%22 cy=%2244.5%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22995.3%22 cy=%2262.8%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%221046.2%22 cy=%2227.1%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%221099.2%22 cy=%2216.8%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22735.5%22 cy=%221.8%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22507.9%22 cy=%2213.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22128.8%22 cy=%224.7%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22845.1%22 cy=%2210.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22272.4%22 cy=%2231.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22958.6%22 cy=%226.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22494.1%22 cy=%2244.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22971.7%22 cy=%2265.5%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22950.4%22 cy=%2222.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22456.8%22 cy=%2228.7%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22972.6%22 cy=%2276.6%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22166.0%22 cy=%2214.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22255.2%22 cy=%2218.7%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22533.5%22 cy=%2247.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22289.0%22 cy=%220.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22460.8%22 cy=%2229.5%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22623.0%22 cy=%2276.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22759.5%22 cy=%2241.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22679.4%22 cy=%2254.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%2259.4%22 cy=%2272.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22858.0%22 cy=%2270.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22877.7%22 cy=%2231.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22438.9%22 cy=%228.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22697.7%22 cy=%225.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%2274.1%22 cy=%2216.7%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22178.5%22 cy=%2227.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%2257.8%22 cy=%220.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22166.4%22 cy=%228.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22400.0%22 cy=%222.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22961.8%22 cy=%2249.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22163.4%22 cy=%2220.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22382.1%22 cy=%2229.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22135.1%22 cy=%2267.9%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%221092.4%22 cy=%2237.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22532.2%22 cy=%226.9%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22112.4%22 cy=%2227.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22291.2%22 cy=%2266.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22177.6%22 cy=%221.8%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%221046.1%22 cy=%2242.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22161.3%22 cy=%2243.5%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%2229.7%22 cy=%2242.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%221076.4%22 cy=%2269.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22765.8%22 cy=%2220.9%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22403.4%22 cy=%2213.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22849.1%22 cy=%2242.6%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22857.0%22 cy=%2226.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22245.3%22 cy=%2264.9%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%221083.4%22 cy=%2268.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22886.7%22 cy=%2265.5%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22813.9%22 cy=%2218.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3C/svg%3E") center/cover no-repeat;
	min-height: 80px;
	height: 80px;
	padding: 0 28px;
	color: var(--osa-tit);
	text-transform: none;
	font: 400 28px/1 var(--osa-disp);
	letter-spacing: .06em;
	border-bottom: 3px solid var(--osa-navy);
}
.thead strong {
	font: 400 28px/1 var(--osa-disp);
	letter-spacing: .06em;
	-webkit-text-stroke: 0;
}
.thead strong::before {
	content: "\2726";
	font-size: .6em;
	margin-right: 14px;
	vertical-align: .22em;
}

.thead a:link {
	color: var(--osa-tit);
	text-decoration: none;
}

.thead a:visited {
	color: var(--osa-tit);
	text-decoration: none;
}

.thead a:hover,
.thead a:active {
	color: var(--osa-navy);
	text-decoration: underline;
}


/* ===== OSA Thread: Titelleiste mit Sternbild (nur Seiten mit Beitragsliste) ===== */
table.tborder:has(#posts_container)>tbody>tr>td.thead {
	height: 80px;
	padding: 0 20px !important;
	border: 0 !important;
	border-bottom: 3px solid var(--osa-navy) !important;
	position: relative;
	vertical-align: middle;
	background-color: #d9d4f3 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221100%22 height=%2280%22 viewBox=%220 0 1100 80%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23e1daf0%22/%3E%3Cstop offset=%221%22 stop-color=%22%23bfcce4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%221100%22 height=%2280%22 fill=%22url%28%23g%29%22/%3E%3Cg stroke=%22%23ffffffcc%22 stroke-width=%220.7%22 fill=%22none%22%3E%3Cline x1=%2213.7%22 y1=%2218.8%22 x2=%2269.8%22 y2=%2214.0%22/%3E%3Cline x1=%22107.3%22 y1=%2231.8%22 x2=%22129.4%22 y2=%2240.5%22/%3E%3Cline x1=%22129.4%22 y1=%2240.5%22 x2=%22170.8%22 y2=%2236.0%22/%3E%3Cline x1=%22170.8%22 y1=%2236.0%22 x2=%22214.5%22 y2=%2215.1%22/%3E%3Cline x1=%22214.5%22 y1=%2215.1%22 x2=%22271.8%22 y2=%2259.9%22/%3E%3Cline x1=%22301.4%22 y1=%2223.2%22 x2=%22365.0%22 y2=%2267.2%22/%3E%3Cline x1=%22405.2%22 y1=%2233.7%22 x2=%22464.4%22 y2=%2212.4%22/%3E%3Cline x1=%22464.4%22 y1=%2212.4%22 x2=%22501.7%22 y2=%2227.2%22/%3E%3Cline x1=%22501.7%22 y1=%2227.2%22 x2=%22513.8%22 y2=%2216.8%22/%3E%3Cline x1=%22513.8%22 y1=%2216.8%22 x2=%22563.1%22 y2=%2259.2%22/%3E%3Cline x1=%22563.1%22 y1=%2259.2%22 x2=%22600.0%22 y2=%2245.0%22/%3E%3Cline x1=%22700.1%22 y1=%2213.4%22 x2=%22721.8%22 y2=%2222.1%22/%3E%3Cline x1=%22721.8%22 y1=%2222.1%22 x2=%22790.3%22 y2=%2235.6%22/%3E%3Cline x1=%22790.3%22 y1=%2235.6%22 x2=%22817.1%22 y2=%2245.2%22/%3E%3Cline x1=%22817.1%22 y1=%2245.2%22 x2=%22865.3%22 y2=%2227.8%22/%3E%3Cline x1=%22865.3%22 y1=%2227.8%22 x2=%22922.1%22 y2=%2252.1%22/%3E%3Cline x1=%22995.3%22 y1=%2262.8%22 x2=%221046.2%22 y2=%2227.1%22/%3E%3Cline x1=%221046.2%22 y1=%2227.1%22 x2=%221099.2%22 y2=%2216.8%22/%3E%3Cline x1=%2213.7%22 y1=%2218.8%22 x2=%22129.4%22 y2=%2240.5%22/%3E%3Cline x1=%22170.8%22 y1=%2236.0%22 x2=%22301.4%22 y2=%2223.2%22/%3E%3Cline x1=%22365.0%22 y1=%2267.2%22 x2=%22501.7%22 y2=%2227.2%22/%3E%3Cline x1=%22513.8%22 y1=%2216.8%22 x2=%22661.6%22 y2=%2232.2%22/%3E%3Cline x1=%22700.1%22 y1=%2213.4%22 x2=%22817.1%22 y2=%2245.2%22/%3E%3Cline x1=%22865.3%22 y1=%2227.8%22 x2=%22995.3%22 y2=%2262.8%22/%3E%3C/g%3E%3Ccircle cx=%2213.7%22 cy=%2218.8%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%2269.8%22 cy=%2214.0%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22107.3%22 cy=%2231.8%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22129.4%22 cy=%2240.5%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22170.8%22 cy=%2236.0%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22214.5%22 cy=%2215.1%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22271.8%22 cy=%2259.9%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22301.4%22 cy=%2223.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22365.0%22 cy=%2267.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22405.2%22 cy=%2233.7%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22464.4%22 cy=%2212.4%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22501.7%22 cy=%2227.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22513.8%22 cy=%2216.8%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22563.1%22 cy=%2259.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22600.0%22 cy=%2245.0%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22661.6%22 cy=%2232.2%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22700.1%22 cy=%2213.4%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22721.8%22 cy=%2222.1%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22790.3%22 cy=%2235.6%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22817.1%22 cy=%2245.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22865.3%22 cy=%2227.8%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22922.1%22 cy=%2252.1%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22941.1%22 cy=%2244.5%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22995.3%22 cy=%2262.8%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%221046.2%22 cy=%2227.1%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%221099.2%22 cy=%2216.8%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22735.5%22 cy=%221.8%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22507.9%22 cy=%2213.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22128.8%22 cy=%224.7%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22845.1%22 cy=%2210.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22272.4%22 cy=%2231.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22958.6%22 cy=%226.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22494.1%22 cy=%2244.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22971.7%22 cy=%2265.5%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22950.4%22 cy=%2222.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22456.8%22 cy=%2228.7%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22972.6%22 cy=%2276.6%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22166.0%22 cy=%2214.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22255.2%22 cy=%2218.7%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22533.5%22 cy=%2247.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22289.0%22 cy=%220.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22460.8%22 cy=%2229.5%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22623.0%22 cy=%2276.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22759.5%22 cy=%2241.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22679.4%22 cy=%2254.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%2259.4%22 cy=%2272.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22858.0%22 cy=%2270.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22877.7%22 cy=%2231.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22438.9%22 cy=%228.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22697.7%22 cy=%225.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%2274.1%22 cy=%2216.7%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22178.5%22 cy=%2227.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%2257.8%22 cy=%220.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22166.4%22 cy=%228.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22400.0%22 cy=%222.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22961.8%22 cy=%2249.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22163.4%22 cy=%2220.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22382.1%22 cy=%2229.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22135.1%22 cy=%2267.9%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%221092.4%22 cy=%2237.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22532.2%22 cy=%226.9%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22112.4%22 cy=%2227.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22291.2%22 cy=%2266.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22177.6%22 cy=%221.8%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%221046.1%22 cy=%2242.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22161.3%22 cy=%2243.5%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%2229.7%22 cy=%2242.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%221076.4%22 cy=%2269.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22765.8%22 cy=%2220.9%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22403.4%22 cy=%2213.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22849.1%22 cy=%2242.6%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22857.0%22 cy=%2226.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22245.3%22 cy=%2264.9%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%221083.4%22 cy=%2268.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22886.7%22 cy=%2265.5%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22813.9%22 cy=%2218.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3C/svg%3E") !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	color: var(--osa-tit) !important;
	text-shadow: none;
}

table.tborder:has(#posts_container)>tbody>tr>td.thead > div:not(.float_right) {
	font: 400 24px/1.2 var(--osa-disp) !important;
	letter-spacing: .1em !important;
	text-transform: none !important;
	color: var(--osa-tit) !important;
	-webkit-text-stroke: .5px var(--osa-tit);
}

table.tborder:has(#posts_container)>tbody>tr>td.thead > div:not(.float_right) strong {
	font-weight: 400;
}

table.tborder:has(#posts_container)>tbody>tr>td.thead > div:not(.float_right) strong::before {
	content: "✦";
	margin-right: 12px;
	font-size: 15px;
	letter-spacing: 0;
	-webkit-text-stroke: 0;
	color: var(--osa-navy);
}

table.tborder:has(#posts_container)>tbody>tr>td.thead > .float_right {
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	float: none;
}

table.tborder:has(#posts_container)>tbody>tr>td.thead .smalltext,
table.tborder:has(#posts_container)>tbody>tr>td.thead .smalltext strong {
	font: 700 10px var(--osa-body) !important;
	letter-spacing: .14em !important;
	text-transform: uppercase !important;
}

table.tborder:has(#posts_container)>tbody>tr>td.thead .smalltext a:link,
table.tborder:has(#posts_container)>tbody>tr>td.thead .smalltext a:visited,
table.tborder:has(#posts_container)>tbody>tr>td.thead .smalltext a:hover,
table.tborder:has(#posts_container)>tbody>tr>td.thead .smalltext a:active {
	color: var(--osa-navy) !important;
	text-decoration: none !important;
	border-bottom: 1px solid var(--osa-navy);
}

/* ===== OSA Thread: unterer Bereich (Variante A "Ruhig") =====
   Themen-Navigation + Suche, Schnellantwort zum Aufklappen, Werkzeuge, "Gehe zu".
   Der Umschalter der Schnellantwort braucht das kleine Script aus quickreply_toggle.txt. */

/* Eingabefelder und Buttons auf Thread-Seiten */
body:has(#posts_container) input.textbox,
body:has(#posts_container) select,
body:has(#posts_container) textarea {
	font: 13px var(--osa-body);
	color: var(--osa-ink);
	background: rgba(255,255,255,.88);
	border: 1px solid var(--osa-line);
	box-shadow: 0 0 0 1px rgba(74,63,140,.18);
	border-radius: 0;
	padding: 8px 11px;
	outline: 0;
}

body:has(#posts_container) input.textbox:focus,
body:has(#posts_container) select:focus,
body:has(#posts_container) textarea:focus {
	box-shadow: 0 0 0 2px var(--osa-navy);
}

body:has(#posts_container) input.button {
	font: 800 10px/1 var(--osa-body);
	letter-spacing: .16em;
	text-transform: uppercase;
	height: 36px;
	padding: 0 18px;
	margin: 0 0 0 6px;
	border: 1px solid rgba(74,63,140,.35);
	background: rgba(255,255,255,.7);
	background-image: none;
	color: var(--osa-navy);
	border-radius: 0;
	cursor: pointer;
}

body:has(#posts_container) input.button:hover {
	background: #fff;
	border-color: rgba(74,63,140,.35);
}

body:has(#posts_container) input#quick_reply_submit {
	background: var(--osa-navy);
	border-color: var(--osa-navy);
	color: #fff;
}

body:has(#posts_container) input#quick_reply_submit:hover {
	background: var(--osa-tit);
}

body:has(#posts_container) input[type=checkbox] {
	appearance: none;
	-webkit-appearance: none;
	width: 16px;
	height: 16px;
	margin: 0;
	display: inline-grid;
	place-content: center;
	border: 1px solid rgba(74,63,140,.5);
	background: rgba(255,255,255,.9);
	border-radius: 0;
	cursor: pointer;
}

body:has(#posts_container) input[type=checkbox]:checked {
	background: var(--osa-navy);
	border-color: var(--osa-navy);
}

body:has(#posts_container) input[type=checkbox]:checked::after {
	content: "";
	width: 8px;
	height: 4px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	transform: rotate(-45deg) translate(1px,-1px);
}

/* Themen-Navigation und Suche unter den Beiträgen */
table.tborder:has(#posts_container) > tbody > tr > td.tfoot {
	overflow: hidden;
	padding: 10px 14px !important;
	background: var(--osa-glass) !important;
	background-image: none !important;
	border: 1px solid var(--osa-line) !important;
}

table.tborder:has(#posts_container) {
	background: none;
}

table.tborder:has(#posts_container) > tbody > tr > td.tfoot > div {
	line-height: 36px;
}

table.tborder:has(#posts_container) > tbody > tr > td.tfoot > div > strong {
	font: 700 10px/36px var(--osa-body);
	letter-spacing: .14em;
	text-transform: uppercase;
	color: var(--osa-navy);
}

table.tborder:has(#posts_container) > tbody > tr > td.tfoot a:link,
table.tborder:has(#posts_container) > tbody > tr > td.tfoot a:visited,
table.tborder:has(#posts_container) > tbody > tr > td.tfoot a:hover,
table.tborder:has(#posts_container) > tbody > tr > td.tfoot a:active {
	color: var(--osa-navy) !important;
	margin: 0 6px;
	text-decoration: none;
}

table.tborder:has(#posts_container) > tbody > tr > td.tfoot .float_right form {
	display: flex;
	align-items: center;
}

/* Schnellantwort: Leiste mit Sternbild, klappt auf und zu */
#quick_reply_form {
	margin: 0;
}

#quick_reply_form table,
#quick_reply_form thead,
#quick_reply_form tbody,
#quick_reply_form tr,
#quick_reply_form td {
	display: block;
}

#quick_reply_form > table.tborder {
	margin: 0 0 16px;
	background: none;
}

#quick_reply_form td.thead {
	display: flex;
	align-items: center;
	position: relative;
	height: 56px;
	padding: 0 20px !important;
	border: 0 !important;
	border-bottom: 3px solid var(--osa-navy) !important;
	background-color: #d9d4f3 !important;
	background-image: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%221100%22 height=%2280%22 viewBox=%220 0 1100 80%22 preserveAspectRatio=%22xMidYMid slice%22%3E%3Cdefs%3E%3ClinearGradient id=%22g%22 x1=%220%22 y1=%220%22 x2=%221%22 y2=%221%22%3E%3Cstop offset=%220%22 stop-color=%22%23e1daf0%22/%3E%3Cstop offset=%221%22 stop-color=%22%23bfcce4%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width=%221100%22 height=%2280%22 fill=%22url%28%23g%29%22/%3E%3Cg stroke=%22%23ffffffcc%22 stroke-width=%220.7%22 fill=%22none%22%3E%3Cline x1=%2213.7%22 y1=%2218.8%22 x2=%2269.8%22 y2=%2214.0%22/%3E%3Cline x1=%22107.3%22 y1=%2231.8%22 x2=%22129.4%22 y2=%2240.5%22/%3E%3Cline x1=%22129.4%22 y1=%2240.5%22 x2=%22170.8%22 y2=%2236.0%22/%3E%3Cline x1=%22170.8%22 y1=%2236.0%22 x2=%22214.5%22 y2=%2215.1%22/%3E%3Cline x1=%22214.5%22 y1=%2215.1%22 x2=%22271.8%22 y2=%2259.9%22/%3E%3Cline x1=%22301.4%22 y1=%2223.2%22 x2=%22365.0%22 y2=%2267.2%22/%3E%3Cline x1=%22405.2%22 y1=%2233.7%22 x2=%22464.4%22 y2=%2212.4%22/%3E%3Cline x1=%22464.4%22 y1=%2212.4%22 x2=%22501.7%22 y2=%2227.2%22/%3E%3Cline x1=%22501.7%22 y1=%2227.2%22 x2=%22513.8%22 y2=%2216.8%22/%3E%3Cline x1=%22513.8%22 y1=%2216.8%22 x2=%22563.1%22 y2=%2259.2%22/%3E%3Cline x1=%22563.1%22 y1=%2259.2%22 x2=%22600.0%22 y2=%2245.0%22/%3E%3Cline x1=%22700.1%22 y1=%2213.4%22 x2=%22721.8%22 y2=%2222.1%22/%3E%3Cline x1=%22721.8%22 y1=%2222.1%22 x2=%22790.3%22 y2=%2235.6%22/%3E%3Cline x1=%22790.3%22 y1=%2235.6%22 x2=%22817.1%22 y2=%2245.2%22/%3E%3Cline x1=%22817.1%22 y1=%2245.2%22 x2=%22865.3%22 y2=%2227.8%22/%3E%3Cline x1=%22865.3%22 y1=%2227.8%22 x2=%22922.1%22 y2=%2252.1%22/%3E%3Cline x1=%22995.3%22 y1=%2262.8%22 x2=%221046.2%22 y2=%2227.1%22/%3E%3Cline x1=%221046.2%22 y1=%2227.1%22 x2=%221099.2%22 y2=%2216.8%22/%3E%3Cline x1=%2213.7%22 y1=%2218.8%22 x2=%22129.4%22 y2=%2240.5%22/%3E%3Cline x1=%22170.8%22 y1=%2236.0%22 x2=%22301.4%22 y2=%2223.2%22/%3E%3Cline x1=%22365.0%22 y1=%2267.2%22 x2=%22501.7%22 y2=%2227.2%22/%3E%3Cline x1=%22513.8%22 y1=%2216.8%22 x2=%22661.6%22 y2=%2232.2%22/%3E%3Cline x1=%22700.1%22 y1=%2213.4%22 x2=%22817.1%22 y2=%2245.2%22/%3E%3Cline x1=%22865.3%22 y1=%2227.8%22 x2=%22995.3%22 y2=%2262.8%22/%3E%3C/g%3E%3Ccircle cx=%2213.7%22 cy=%2218.8%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%2269.8%22 cy=%2214.0%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22107.3%22 cy=%2231.8%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22129.4%22 cy=%2240.5%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22170.8%22 cy=%2236.0%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22214.5%22 cy=%2215.1%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22271.8%22 cy=%2259.9%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22301.4%22 cy=%2223.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22365.0%22 cy=%2267.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22405.2%22 cy=%2233.7%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22464.4%22 cy=%2212.4%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22501.7%22 cy=%2227.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22513.8%22 cy=%2216.8%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22563.1%22 cy=%2259.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22600.0%22 cy=%2245.0%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22661.6%22 cy=%2232.2%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22700.1%22 cy=%2213.4%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22721.8%22 cy=%2222.1%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22790.3%22 cy=%2235.6%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22817.1%22 cy=%2245.2%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22865.3%22 cy=%2227.8%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22922.1%22 cy=%2252.1%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22941.1%22 cy=%2244.5%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22995.3%22 cy=%2262.8%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%221046.2%22 cy=%2227.1%22 r=%221.3%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%221099.2%22 cy=%2216.8%22 r=%222.1%22 fill=%22%23ffffff%22/%3E%3Ccircle cx=%22735.5%22 cy=%221.8%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22507.9%22 cy=%2213.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22128.8%22 cy=%224.7%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22845.1%22 cy=%2210.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22272.4%22 cy=%2231.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22958.6%22 cy=%226.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22494.1%22 cy=%2244.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22971.7%22 cy=%2265.5%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22950.4%22 cy=%2222.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22456.8%22 cy=%2228.7%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22972.6%22 cy=%2276.6%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22166.0%22 cy=%2214.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22255.2%22 cy=%2218.7%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22533.5%22 cy=%2247.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22289.0%22 cy=%220.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22460.8%22 cy=%2229.5%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22623.0%22 cy=%2276.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22759.5%22 cy=%2241.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22679.4%22 cy=%2254.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%2259.4%22 cy=%2272.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22858.0%22 cy=%2270.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22877.7%22 cy=%2231.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22438.9%22 cy=%228.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22697.7%22 cy=%225.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%2274.1%22 cy=%2216.7%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22178.5%22 cy=%2227.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%2257.8%22 cy=%220.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22166.4%22 cy=%228.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22400.0%22 cy=%222.0%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22961.8%22 cy=%2249.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22163.4%22 cy=%2220.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22382.1%22 cy=%2229.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22135.1%22 cy=%2267.9%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%221092.4%22 cy=%2237.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22532.2%22 cy=%226.9%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22112.4%22 cy=%2227.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22291.2%22 cy=%2266.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22177.6%22 cy=%221.8%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%221046.1%22 cy=%2242.3%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22161.3%22 cy=%2243.5%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%2229.7%22 cy=%2242.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%221076.4%22 cy=%2269.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22765.8%22 cy=%2220.9%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22403.4%22 cy=%2213.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22849.1%22 cy=%2242.6%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22857.0%22 cy=%2226.4%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22245.3%22 cy=%2264.9%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%221083.4%22 cy=%2268.2%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22886.7%22 cy=%2265.5%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3Ccircle cx=%22813.9%22 cy=%2218.1%22 r=%220.6%22 fill=%22%23ffffff%22 opacity=%22.6%22/%3E%3C/svg%3E") !important;
	background-size: cover !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
	color: var(--osa-tit) !important;
	user-select: none;
}

#quick_reply_form td.thead > div:not(.expcolimage) {
	font: 400 22px/1.2 var(--osa-disp) !important;
	letter-spacing: .1em !important;
	text-transform: none !important;
	color: var(--osa-tit) !important;
	-webkit-text-stroke: .5px var(--osa-tit);
}

#quick_reply_form td.thead strong {
	font-weight: 400;
}

#quick_reply_form td.thead strong::before {
	content: "✦";
	margin-right: 12px;
	font-size: 14px;
	letter-spacing: 0;
	-webkit-text-stroke: 0;
	color: var(--osa-navy);
}

/* Pfeil statt dem alten [-]-Bild (nur wenn das Script läuft) */
#quick_reply_form table.qr-js td.thead {
	cursor: pointer;
}

#quick_reply_form table.qr-js .expcolimage {
	position: absolute;
	right: 20px;
	top: 50%;
	float: none;
	width: 34px;
	height: 34px;
	margin: -17px 0 0 0;
	display: grid;
	place-content: center;
	color: var(--osa-navy);
}

#quick_reply_form table.qr-js .expcolimage img {
	display: none;
}

#quick_reply_form table.qr-js .expcolimage::after {
	content: "";
	width: 18px;
	height: 18px;
	background: currentColor;
	-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 9l6 6 6-6%22/%3E%3C/svg%3E") center / contain no-repeat;
	mask: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 9l6 6 6-6%22/%3E%3C/svg%3E") center / contain no-repeat;
	transition: transform .25s;
}

#quick_reply_form table.qr-open .expcolimage::after {
	transform: rotate(180deg);
}

#quick_reply_form table.qr-js:not(.qr-open) td.thead > div:not(.expcolimage) strong::after {
	content: "Zum Aufklappen klicken";
	margin-left: 18px;
	font: 800 9.5px var(--osa-body);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--osa-mut);
	-webkit-text-stroke: 0;
}

/* Zugeklappt, solange das Script läuft.
   Bewusst NICHT display:none: das MentionMe-Plugin (@-Erwähnungen) misst beim Laden der Seite
   Zeilenhöhe und Textfeld. Ist das Feld dann unsichtbar, ist die Vorschlagsliste später nur
   ein paar Pixel hoch. Darum bleibt der Bereich gerendert, nur außerhalb des Bildschirms. */
#quick_reply_form table.qr-js:not(.qr-open) #quickreply_e {
	display: block !important;
	position: absolute;
	left: -9999px;
	top: 0;
	width: 700px;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	padding: 0;
	border: 0;
}

/* Aufgeklappt: erzwingen, auch wenn MyBB (Cookie) noch ein altes display:none setzt */
#quick_reply_form table.qr-js.qr-open #quickreply_e {
	display: block !important;
}

/* Aufgeklappt: Optionen oben, Textfeld breit, Buttons rechts */
#quick_reply_form #quickreply_e {
	padding: 14px;
	background: var(--osa-glass);
	border: 1px solid var(--osa-line);
	border-top: 0;
}

#quick_reply_form #quickreply_e > tr:first-child {
	display: grid;
	gap: 12px;
}

#quick_reply_form #quickreply_e td.trow1 {
	width: auto !important;
	padding: 0 !important;
	margin: 0 !important;
	background: none !important;
}

#quick_reply_form #quickreply_e td.trow1:first-child > strong,
#quick_reply_form #quickreply_e td.trow1:first-child br {
	display: none;
}

#quick_reply_form #quickreply_e td.trow1:first-child .smalltext {
	display: flex;
	flex-wrap: wrap;
	font-size: 0;
}

#quick_reply_form #quickreply_e label {
	display: flex;
	align-items: center;
	gap: 9px;
	margin: 0 22px 8px 0;
	font-size: 0;
	cursor: pointer;
}

#quick_reply_form #quickreply_e label strong {
	font: 600 12px var(--osa-body);
	letter-spacing: .04em;
	color: var(--osa-ink);
}

#quick_reply_form #quickreply_e td.trow1 > div,
#quick_reply_form #quickreply_e .editor_control_bar {
	width: 100% !important;
}

#quick_reply_form #quickreply_e textarea {
	width: 100% !important;
	min-height: 150px;
	resize: vertical;
	display: block;
	padding: 10px 12px !important;
}

#quick_reply_form #quickreply_e td.tfoot {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
	padding: 12px 0 0 !important;
	background: none !important;
	border: 0 !important;
}

#quick_reply_form #quickreply_e td.tfoot select {
	min-width: 150px;
}

/* Werkzeuge unter dem Thread */
body:has(#posts_container) ul.thread_tools {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 6px 22px;
}

body:has(#posts_container) ul.thread_tools li {
	--m: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M12 3l2.2 6.3L21 12l-6.8 2.7L12 21l-2.2-6.3L3 12l6.8-2.7z%22/%3E%3C/svg%3E");
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	list-style: none;
}

body:has(#posts_container) ul.thread_tools li.printable { --m: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 9V3h12v6M6 18H4a1 1 0 01-1-1v-6a2 2 0 012-2h14a2 2 0 012 2v6a1 1 0 01-1 1h-2M7 14h10v7H7z%22/%3E%3C/svg%3E"); }
body:has(#posts_container) ul.thread_tools li.sendthread { --m: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22/%3E%3Cpath d=%22M3 6l9 7 9-7%22/%3E%3C/svg%3E"); }
body:has(#posts_container) ul.thread_tools li.subscription_add,
body:has(#posts_container) ul.thread_tools li.subscription_remove { --m: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 17V11a6 6 0 0112 0v6l2 2H4zM10 21h4%22/%3E%3C/svg%3E"); }
body:has(#posts_container) ul.thread_tools li.poll { --m: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22black%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 20V10M10 20V4M16 20v-8M22 20H2%22/%3E%3C/svg%3E"); }

body:has(#posts_container) ul.thread_tools li a:link,
body:has(#posts_container) ul.thread_tools li a:visited,
body:has(#posts_container) ul.thread_tools li a:hover,
body:has(#posts_container) ul.thread_tools li a:active {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 0 !important;
	font: 700 10px/1 var(--osa-body);
	letter-spacing: .14em;
	color: var(--osa-navy) !important;
}

body:has(#posts_container) ul.thread_tools li a::before {
	content: "";
	width: 15px;
	height: 15px;
	background: currentColor;
	-webkit-mask: var(--m) center / contain no-repeat;
	mask: var(--m) center / contain no-repeat;
}

body:has(#posts_container) .float_left:has(> ul.thread_tools),
body:has(#posts_container) .float_right:has(> form) {
	padding-top: 12px;
}

body:has(#posts_container) .float_right > form .smalltext,
body:has(#posts_container) .float_right > form .smalltext strong {
	font: 800 10px var(--osa-body);
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--osa-navy);
}

body:has(#posts_container) .wrapper > span.smalltext {
	display: block;
	margin-top: 16px;
	font: 12px var(--osa-body);
	color: var(--osa-mut);
}

body:has(#posts_container) .wrapper > span.smalltext a:link,
body:has(#posts_container) .wrapper > span.smalltext a:visited {
	color: var(--osa-navy) !important;
	font-weight: 700;
}

.tcat {
	background: rgba(74,63,140,.12);
	color: var(--osa-navy);
	text-transform: uppercase;
	font: 800 10px/1 var(--osa-body);
	letter-spacing: .16em;
	padding: 12px 16px;
	border-bottom: 1px solid var(--osa-line);
}
.tcat strong,
.tcat .smalltext { font: 800 10px/1 var(--osa-body); letter-spacing: .16em; }

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

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

.trow1 {
	background: var(--osa-glass);
	color: var(--osa-ink);
	padding: 12px 16px;
	border-bottom: 1px solid rgba(255,255,255,.7);
}

.trow2 {
	background: rgba(255,255,255,.46);
	color: var(--osa-ink);
	padding: 12px 16px;
	border-bottom: 1px solid rgba(255,255,255,.7);
}

.trow1 a:link, .trow1 a:visited,
.trow2 a:link, .trow2 a:visited { color: var(--osa-navy); }
.trow1 a:hover, .trow1 a:active,
.trow2 a:hover, .trow2 a:active { color: var(--osa-tit); }


.trow2calender {
	background: #f5f5f5;
}

.trow3 {
	background: #f5f5f5;
}

.trow_shaded {
	background: #ffdde0;
	border: 1px solid;
	border-color: #fff #ffb8be #ffb8be #fff;
}

.no_bottom_border {
	border-bottom: 0;
}

.post.unapproved_post {
	background: #ffdde0;
}

.thread_start_datetime {
	color: #999;
}

.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: #E8DEFF;
}

.trow_selected,
tr.trow_selected td {
	background: #FFFBD9;
	color: #333;
	border-right-color: #F7E86A;
	border-bottom-color: #F7E86A;
}

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

.trow_sep {
	background: #ddd;
	color: #333;
	border-bottom: 1px solid #c5c5c5;
	padding: 6px;
	font-size: 12px;
	font-weight: bold;
}

.tfoot {
	background: rgba(74,63,140,.12);
	border-top: 0;
	padding: 14px 16px;
	color: var(--osa-mut);
}
.tfoot .smalltext,
.tfoot strong { font-size: 10px; letter-spacing: .16em; }

.tfoot a:link,
.tfoot a:visited {
	color: var(--osa-navy);
	text-decoration: none;
	font-weight: 800;
	letter-spacing: .16em;
	text-transform: uppercase;
}

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


.thead input.textbox,
.thead select {
	border: 1px solid #263c30;
}

.bottommenu {
	background: #efefef;
	color: #333;
	border: 1px solid #4874a3;
	padding: 10px;
}

.navigation {
	padding: 0px 0px 0px 60px;
    text-transform: uppercase;
    font-size: 12px;
    font-family: 'SF Buttacup Lettering', sans-serif;
    color: #1b5d6a;
    letter-spacing: 2px;
}

.navigation a:link {
	text-decoration: none;
}

.navigation a:visited {
	text-decoration: none;
}

.navigation a:hover,
.navigation a:active {
	text-decoration: underline;
}

.navigation .active {
	color: #333;
	font-size: small;
	font-weight: bold;
}

.smalltext {
	font-size: 11px;
}

.largetext {
	font-size: 16px;
	font-weight: bold;
}

fieldset {
	/*padding: 12px;
	 border: 1px solid #ddd; */
	margin: 0;
	border: none;
}

fieldset.trow1,
fieldset.trow2 {
	border-color: #bbb;
}

fieldset.align_right {
	text-align: right;
}

input.textbox {
	background: #ffffff;
	color: #333;
	border: 1px solid #ccc;
	padding: 3px;
	outline: 0;
	font-size: 13px;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
}

input.textbox.portal_search {
    width: 68%;
}

textarea {
	background: #ffffff;
	color: #333;
	border: 1px solid #ccc;
	padding: 2px;
	line-height: 1.4;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

select {
	background: #ffffff;
	padding: 3px;
	border: 1px solid #ccc;
	outline: 0;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
}

button,
input.button {
	padding: 3px 8px;
	cursor: pointer;
	font-family: Tahoma, Verdana, Arial, Sans-Serif;
	font-size: 13px;
	background: #eee url(../../../images/buttons_bg.png) repeat-x;
	border: 1px solid #bbb;
	color: #333;
	outline: 0;
	margin: 0px 15px 0px 0px;
}

button:hover,
input.button:hover {
	border-color: #aaa;
}

form {
	margin: 0;
	padding: 0;
}

input.error, textarea.error, select.error {
	border: 1px solid #f30;
	color: #f30;
}

input.valid, textarea.valid, select.valid {
	border: 1px solid #0c0;
}

label.error {
	color: #f30;
	margin: 5px;
	padding: 0px;
	display: block;
	font-weight: bold;
	font-size: 11px;
}

form #message {
	width: 500px;
}

.editor {
	background: #f1f1f1;
	border: 1px solid #ccc;
}

.editor_control_bar {
	background: #fff;
	border: 1px solid #ccc;
}

.post .editor_control_bar {
	background: #f5f5f5;
}

.popup_menu {
	background: #fff;
	border: 1px solid #ccc;
}

.popup_menu .popup_item {
	/* background: #efefef; */
	color: #333;
}

.popup_menu .popup_item:hover {
	background: #0072BC;
	color: #fff;
}

.trow_reputation_positive {
	background: #ccffcc;
}

.trow_reputation_negative {
	background: #ffcccc;
}

.reputation_positive {
	color: green;
}

.reputation_neutral {
	color: #444;
}

.reputation_negative {
	color: red;
}

.repbox {
	font-size:16px;
	font-weight: bold;
	padding:5px 7px 5px 7px;
}

._neutral {
	background-color:#FAFAFA;
	color: #999999;
	border:1px solid #CCCCCC;
}

._minus {
	background-color: #FDD2D1;
	color: #CB0200;
	border:1px solid #980201;
}

._plus {
	background-color:#E8FCDC;
	color: #008800;
	border:1px solid #008800;
}

img {
	border: none;
}

img.attachment {
	border: 1px solid #E9E5D7;
	padding: 2px;
}

hr {
	background-color: #000000;
	color: #000000;
	height: 1px;
	border: 0px;
}

.clear {
	clear: both;
}

.float_left {
	float: left;
	padding: 5px;
}

.float_right {
	float: right;
}

.hidden {
	display: none;
	float: none;
	width: 1%;
}

.hiddenrow {
	display: none;
}

.selectall {
	background: #FFFBD9;
	border-bottom: 1px solid #F7E86A;
	color: #333;
	text-align: center;
}

.expcolimage {
	float: right;
	width: auto;
	vertical-align: middle;
	margin-top: 3px;
}

.tcat_menu > .expcolimage {
	margin-top: 0;
}

/* ============================================================
   ZITATE – "Sternenhimmel"  (blockquote, auch verschachtelt)
   ============================================================ */
blockquote {
	position: relative;
	box-sizing: border-box;
	margin: 0 0 1.5em;
	padding: 0 30px 20px 74px;
	background: rgba(255,255,255,.72);
	border: 1px solid #fff;
	box-shadow: 0 12px 32px rgba(74,63,140,.16), inset 0 0 0 1px rgba(191,204,228,.7);
}

/* Kopf: Name + Datum auf Navy-Streifen */
blockquote cite {
	position: relative;
	display: flex;
	align-items: center;
	gap: 8px;
	overflow: hidden;
	margin: 0 -30px 20px -74px;
	padding: 15px 24px 15px 74px;
	border: 0;
	font: 400 20px 'Italiana', serif;
	font-style: normal;
	letter-spacing: .07em;
	color: #fff;
	background: repeating-linear-gradient(135deg, rgba(255,255,255,.07) 0 8px, transparent 8px 16px),
	            linear-gradient(110deg, #1f1d4f, #4a3f8c 62%, #7a86c9);
	box-shadow: 0 4px 0 -1px rgba(191,204,228,.9);
}
/* funkelndes Sternbild */
blockquote cite::after {
	content: "";
	position: absolute;
	right: 150px; top: 0; bottom: 0;
	width: 200px;
	background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 50'%3E%3Cpolyline points='8,40 44,14 82,32 122,8 160,28 192,10' fill='none' stroke='white' stroke-opacity='.75' stroke-width='.9'/%3E%3Cg fill='white'%3E%3Ccircle cx='8' cy='40' r='2'/%3E%3Ccircle cx='44' cy='14' r='3'/%3E%3Ccircle cx='82' cy='32' r='2'/%3E%3Ccircle cx='122' cy='8' r='2.6'/%3E%3Ccircle cx='160' cy='28' r='2'/%3E%3Ccircle cx='192' cy='10' r='3'/%3E%3C/g%3E%3C/svg%3E") center / contain no-repeat;
	opacity: .55;
	animation: osa-twinkle 4s ease-in-out infinite;
	pointer-events: none;
}
/* Datum */
blockquote cite > span {
	float: none;
	order: 3;
	margin-left: auto;
	position: relative;
	z-index: 2;
	white-space: nowrap;
	font: 500 10.5px 'Archivo', sans-serif;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: #bfcce4;
}
/* @Erwähnungen etc. im Kopf nicht wie das Datum behandeln */
blockquote cite span.highlight {
	order: 0; margin: 0; float: none;
	font: inherit; letter-spacing: inherit; text-transform: none; color: inherit;
}
/* Pfeil-Link */
blockquote cite a {
	position: relative;
	z-index: 2;
	font-size: 0;
	line-height: 1;
	text-decoration: none;
	color: #fff;
}
blockquote cite a img { display: none; }
blockquote cite a::after { content: "\279C"; font: 400 17px/1 'Archivo', sans-serif; }

/* großes Anführungszeichen */
blockquote::before {
	content: "\201C";
	position: absolute;
	left: 18px; top: 62px;
	font: 400 112px/1 'Italiana', serif;
	background: linear-gradient(180deg, #4a3f8c, #aab4e0);
	-webkit-background-clip: text;
	background-clip: text;
	-webkit-text-fill-color: transparent;
	filter: drop-shadow(0 4px 8px rgba(74,63,140,.25));
	pointer-events: none;
}
blockquote::after {
	content: "\201D";
	position: absolute;
	right: 20px; bottom: -34px;
	font: 400 112px/1 'Italiana', serif;
	color: rgba(191,204,228,.55);
	pointer-events: none;
}

/* verschachteltes Zitat */
blockquote blockquote {
	margin: 14px 0 0;
	padding: 0 20px 14px 52px;
	background: rgba(255,255,255,.7);
	box-shadow: none;
}
blockquote blockquote cite {
	margin: 0 -20px 14px -52px;
	padding: 9px 16px 9px 52px;
	font-size: 16px;
	background: repeating-linear-gradient(135deg, rgba(255,255,255,.08) 0 8px, transparent 8px 16px), #4a3f8c;
}
blockquote blockquote cite::after,
blockquote blockquote::after { display: none; }
blockquote blockquote::before { font-size: 70px; left: 10px; top: 44px; }

@keyframes osa-twinkle { 0%,100% { opacity: .35; } 50% { opacity: .8; } }
@media (prefers-reduced-motion: reduce) { blockquote cite::after { animation: none; } }

/* Handy */
@media (max-width: 560px) {
	blockquote { padding-left: 58px; padding-right: 18px; }
	blockquote cite { margin-left: -58px; margin-right: -18px; padding-left: 58px; font-size: 17px; }
	blockquote cite::after { display: none; }
	blockquote::before { font-size: 84px; left: 12px; }
}

.codeblock {
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
}

.codeblock .title {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	padding-bottom: 3px;
	margin: 0 0 10px 0;
}

.codeblock code {
	overflow: auto;
	height: auto;
	max-height: 200px;
	display: block;
	font-family: Monaco, Consolas, Courier, monospace;
	font-size: 13px;
}

.smilie {
	vertical-align: middle;
}

.smilie_pointer {
	cursor: pointer;
}

.separator {
	margin: 5px;
	padding: 0;
	height: 0px;
	font-size: 1px;
	list-style-type: none;
}

.popup_menu .popup_item_container {
	margin: 1px;
	text-align: left;
}

.popup_menu .popup_item {
	display: block;
	padding: 4px;
	white-space: nowrap;
	text-decoration: none;
}

.popup_menu a.popup_item:hover {
	text-decoration: none;
}

.subject_new {
	font-weight: bold;
}

.highlight {
	background: #FFFFCC;
	padding-top: 3px;
	padding-bottom: 3px;
}

.pm_alert {
	background: #FFF6BF;
	border: 1px solid #FFD324;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
}

.red_alert {
	background: #FBE3E4;
	border: 1px solid #A5161A;
	color: #A5161A;
	text-align: center;
	padding: 5px 20px;
	margin-bottom: 15px;
	font-size: 11px;
	word-wrap: break-word;
}

.red_alert a:link,
.red_alert a:visited,
.red_alert a:hover,
.red_alert a:active {
	color: #A5161A;
}

.high_warning {
	color: #CC0000;
}

.moderate_warning {
	color: #F3611B;
}

.low_warning {
	color: #AE5700;
}

.imminent_banned {
	color: #880000;
}

.high_banned {
	color: #FF0000;
}

.moderate_banned {
	color: #FF6600;
}

.low_banned {
	color: #008000;
}

.online {
	color: #15A018;
}

.offline {
	color: #195e86;
}

div.error {
	padding: 5px 10px;
	border: 2px solid #FFD324;
	background: #FFF6BF;
	font-size: 12px;
}

div.error p {
	margin: 0;
	color: #333;
	font-weight: normal;
}

div.error p em {
	font-style: normal;
	font-weight: bold;
	padding-left: 24px;
	display: block;
	color: #C00;
	background: url(../../../images/error.png) no-repeat 0;
}

div.error ul {
	margin-left: 24px;
}

/* ---------- Seitenzahlen (Pagination) ---------- */
div.pagination, .pagination {
	display: flex !important; flex-wrap: wrap; align-items: center; gap: 6px;
	padding: 0 0 12px; margin: 0; background: none !important; border: 0 !important;
	font: 800 10px/1 var(--osa-body) !important; letter-spacing: .14em; text-transform: uppercase;
}
.tfoot .pagination, .tcat .pagination { padding: 0; }
.pagination .pages, .pagination span.pages {
	padding: 0 8px !important; background: none !important; border: 0 !important;
	color: var(--osa-navy) !important; font: 800 10px/1 var(--osa-body) !important;
	letter-spacing: .14em; text-transform: uppercase;
}
.pagination a, .pagination a:link, .pagination a:visited,
.pagination .pagination_current, .pagination span.pagination_current,
.pagination a.pagination_page, .pagination a.pagination_previous, .pagination a.pagination_next, .pagination a.pagination_last, .pagination a.pagination_first {
	display: inline-grid !important; place-items: center; float: none !important;
	min-width: 32px; height: 32px; padding: 0 12px !important; margin: 0 !important;
	background: rgba(255,255,255,.7) !important; border: 1px solid #fff !important;
	border-radius: 0 !important; box-shadow: 0 0 0 1px rgba(74,63,140,.18) !important;
	color: var(--osa-navy) !important; font: 800 10px/1 var(--osa-body) !important;
	letter-spacing: .14em !important; text-transform: uppercase !important; text-decoration: none !important;
}
.pagination .pagination_current, .pagination span.pagination_current {
	background: var(--osa-navy) !important; color: #fff !important; box-shadow: none !important;
}
.pagination a:hover {
	background: #fff !important; color: var(--osa-tit) !important; text-decoration: none !important;
}

.pagination .go_page img {
	margin-bottom: -4px;
}

.drop_go_page {
	background: #f5f5f5;
	padding: 4px;
}

.pagination_breadcrumb {
	background-color: #efefef;
	border: 1px solid #fff;
	outline: 1px solid #ccc;
	padding: 5px;
	margin-top: 5px;
	font-weight: normal;
}

.pagination_breadcrumb_link {
	vertical-align: middle;
	cursor: pointer;
}

.thread_legend,
.thread_legend dd {
	margin: 0;
	padding: 0;
}

.thread_legend dd {
	padding-bottom: 4px;
	margin-right: 15px;
}

.thread_legend img {
	margin-right: 4px;
	vertical-align: bottom;
}

.forum_legend,
.forum_legend dt,
.forum_legend dd {
	margin: 0;
	padding: 0;
}

.forum_legend dd {
	float: left;
	margin-right: 10px;
	margin-top: 7px;
}

.forum_legend dt {
	margin-right: 10px;
	float: left;
}

.success_message {
	color: #00b200;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

.error_message {
	color: #C00;
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 10px;
}

#posts_container {
	padding: 0;
}

.ignored_post {
	border-top: 3px solid #333;
	padding: 15px;
}

.ignored_post .show_ignored_post {
	margin-top: -15px;
}

.ignored_post .show_ignored_post a.button span {
	background-position: 0 -400px;
}

.deleted_post_hidden {
	border-top: 2px solid #ccc;
	padding: 15px;
}

.deleted_post_collapsed {
	border-top: 3px solid #333;
	padding: 15px;
}

.deleted_post_collapsed .show_deleted_post {
	margin-top: -15px;
}

.deleted_post_collapsed .show_deleted_post a.button span {
	background-position: 0 -400px;
}

.post {
	overflow: hidden;
}

.post.classic {
	padding-top: 15px;
}

.post .post_author {
	border-bottom: 1px solid #ccc;
	border-top: 2px solid #ccc;
	background: #f5f5f5;
	padding: 5px;
	overflow: hidden;
}

.post.classic .post_author {
	border: 1px solid #ddd;
	float: left;
	width: 15%;
	margin: 0 1% 15px 0;
	border-left: 0;
	padding: 5px 1%;
}

.post .post_author .buddy_status {
	vertical-align: middle;
	margin-top: -4px;
}

.post .post_author div.author_avatar {
	float: left;
	margin-right: 3px;
}

.post.classic .post_author div.author_avatar {
	float: none;
	text-align: center;
	margin-bottom: 8px;
}

.post .post_author div.author_avatar img {
	padding: 5px;
	border: 1px solid #ddd;
	background: #fff;
}

.post .post_author div.author_information {
	float: left;
	padding: 6px 8px;
}

.post.classic .post_author div.author_information {
	float: none;
	padding: 0;
	text-align: center;
}

.post .post_author div.author_statistics {
	float: right;
	font-size: 11px;
	padding: 3px 10px 3px 5px;
	color: #666;
	line-height: 1.3;
}

.post.classic .post_author div.author_statistics {
	border-top: 1px dotted #ccc;
	margin: 6px 0 0 0;
	padding: 6px 6px 3px 6px;
	float: none;
}

.post .post_head {
	font-size: 11px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #ddd;
	margin-bottom: 4px;
}

.post .post_head span.post_date {
	color: #666;
}

.post .post_head span.edited_post {
	font-size: 10px;
	color: #999;
}

.post .post_head span.edited_post a {
	color: #666;
}

.post_body {
	font-size: 13px;
    padding: 30px 10px 10px 10px;
    text-align: justify;
    font-family: 'Calibri';
}

.post.classic .post_content {
	float: left;
	width: 79%;
	padding: 0 1% 5px 1%;
}

.post_content {
	padding: 9px 10px 5px 10px;
}

.post_content .signature {
	margin-top: 5px;
	border-top: 1px dotted #ddd;
	padding: 10px 0 4px 0;
}

.post .post_meta {
	margin: 4px 0;
	font-size: 11px;
	color: #999;
}

.post .post_meta a:link,
.post .post_meta a:visited {
	color: #777;
}

.post .post_meta a:hover,
.post .post_meta a:active {
	color: #777;
}

.post_controls {
	clear: both;
	background: #f5f5f5;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	overflow: hidden;
}

.postbit_buttons > a:link,
.postbit_buttons > a:hover,
.postbit_buttons > a:visited,
.postbit_buttons > a:active {
	display: inline-block;
	padding: 2px 5px;
	margin: 2px;
	font-size: 11px;
	background: #eee url(../../../images/buttons_bg.png) repeat-x;
	border: 1px solid #ccc;
	color: #555;
}

.postbit_buttons > a:hover {
	border-color: #bbb;
}

.postbit_buttons a span {
	padding-left: 20px;
	display: inline-block;
	height: 16px;
	background-image: url(../../../images/buttons_sprite.png);
	background-repeat: no-repeat;
}

.postbit_buttons a.postbit_find span {
	background-position: 0 0;
}

.postbit_buttons a.postbit_reputation_add span {
	background-position: 0 -20px;
}

.postbit_buttons a.postbit_email span {
	background-position: 0 -40px;
}

.postbit_buttons a.postbit_website span {
	background-position: 0 -60px;
}

.postbit_buttons a.postbit_pm span {
	background-position: 0 -80px;
}

.postbit_buttons a.postbit_quote span {
	background-position: 0 -100px;
}

.postbit_buttons a.postbit_multiquote span {
	background-position: 0 -120px;
}

.postbit_buttons a.postbit_multiquote_on span {
	background-position: 0 -140px;
}

.postbit_buttons a.postbit_edit span {
	background-position: 0 -160px;
}

.postbit_buttons a.postbit_qdelete span {
	background-position: 0 -180px;
}

.postbit_buttons a.postbit_qrestore span {
	background-position: 0 -200px;
}

.postbit_buttons a.postbit_report span {
	background-position: 0 -220px;
}

.postbit_buttons a.postbit_warn span {
	background-position: 0 -240px;
}

.postbit_buttons a.postbit_purgespammer span {
	background-position: 0 -540px;
}

.postbit_buttons a.postbit_reply_pm span {
	background-position: 0 -260px;
}

.postbit_buttons a.postbit_reply_all span {
	background-position: 0 -280px;
}

.postbit_buttons a.postbit_forward_pm span {
	background-position: 0 -300px;
}

.postbit_buttons a.postbit_delete_pm span {
	background-position: 0 -320px;
}

.post:not(.deleted_post) .postbit_qrestore,
.post:not(.deleted_post) .status_type,
.post.deleted_post .postbit_mirage {
    display: none;
}

/* ===== OSA Buttons (a.button) =====
   Standard: gefüllter violetter Button mit Text.
   Nur ein Icon im Link (z. B. PDF, Archiv): ohne Rahmen und Hintergrund.
   !important, weil einige Plugin-Buttons feste Inline-Stile haben. */
a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 8px;
	height: 36px;
	margin: 2px 4px 6px 0 !important;
	padding: 0 22px !important;
	border: 0 !important;
	border-radius: 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
	background: var(--osa-navy) !important;
	background-image: none !important;
	color: #ffffff !important;
	text-decoration: none !important;
	font: 800 10px/1 var(--osa-body) !important;
	letter-spacing: .16em !important;
	text-transform: uppercase !important;
	cursor: pointer;
	transition: color .2s, background .2s, transform .2s;
}

a.button:hover {
	background: var(--osa-tit) !important;
	transform: translateY(-1px);
}

/* nur Icon */
a.button:has(> i:only-child),
a.button:has(> svg:only-child) {
	width: 34px;
	padding: 0 !important;
	margin: 2px 0 6px 0 !important;
	background: none !important;
	color: var(--osa-navy) !important;
}

a.button:has(> i:only-child):hover,
a.button:has(> svg:only-child):hover {
	background: none !important;
	color: var(--osa-tit) !important;
}

a.button i {
	font-size: 16px;
	line-height: 1;
	margin: 0;
	padding: 0;
}

a.button.small_button {
	height: auto;
	margin: 0 !important;
	padding: 7px 12px !important;
}

a.button span {
	display: inline !important;
	margin: 0 !important;
	padding: 0 !important;
	background: none !important;
	background-image: none !important;
	border: 0 !important;
	font: inherit !important;
	letter-spacing: inherit !important;
	color: inherit !important;
}

a.button.new_reply_button span::after,
a.button.new_thread_button span::after {
	content: "→";
	margin-left: 10px;
	letter-spacing: 0;
	font-size: 13px;
}

/* Buttonleisten: Icons und Buttons auf einer Linie */
.float_right:has(> a.button),
.float_left:has(> a.button) {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.float_right:has(> a.button) {
	justify-content: flex-end;
}

a.button.new_thread_button span {
	background-position: 0 -340px;
}

a.button.new_reply_button span {
	background-position: 0 -360px;
}

a.button.closed_button span {
	background-position: 0 -380px;
}

a.button.rate_user_button span {
	background-position: 0 -400px;
}

a.button.add_buddy_button span {
	background-position: 0 -440px;
}

a.button.remove_buddy_button span {
	background-position: 0 -480px;
}

a.button.add_ignore_button span {
	background-position: 0 -460px;
}

a.button.remove_ignore_button span {
	background-position: 0 -500px;
}

a.button.report_user_button span {
	background-position: 0 -520px;
}

.quick_jump {
	background: url(../../../images/jump.png) no-repeat 0;
	width: 13px;
	height: 13px;
	padding-left: 13px; /* amount of padding needed for image to fully show */
	margin-top: -3px;
	border: none;
}

.pollbar {
	background: url(../../../images/pollbar.png) top left repeat-x;
	border: 1px solid #3f3f3f;
	height: 10px;
}

.pollbar .percent {
	display: none;
}

.poll_votedfor {
	background: #efefef;
	border: 1px solid;
	border-color: #fff #ddd #ddd #fff;
}

.posticons_label {
	white-space: nowrap;
}

::-webkit-scrollbar {
width:6px;
}

::-webkit-scrollbar-track{
background: rgba(0,0,0,.2);
}

::-webkit-scrollbar-thumb{
background: #6a868c;
    border: 1px solid rgba(0,0,0,.2);
box-shadow:inset 1px 1px 2px rgba(0,0,0,.1);
}

::-webkit-scrollbar-button {
  width: 2px;
  height: 2px;
}

/** jGrowl Start **/

/** Special IE6 Style Positioning **/
.ie6 {
	position: absolute;
}

.ie6.top-right {
	right: auto;
	bottom: auto;
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.top-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-right {
	left: expression( ( 0 - jGrowl.offsetWidth + ( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth ) + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.bottom-left {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 - jGrowl.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
}

.ie6.center {
	left: expression( ( 0 + ( ignoreMe2 = document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft ) ) + 'px' );
	top: expression( ( 0 + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 100%;
}

/** jGrowl Styling **/
.jGrowl {
	z-index: 9999;
	color: #ffffff;
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: fixed;
}

.jGrowl.top-left {
	left: 0px;
	top: 0px;
}

.jGrowl.top-right {
	right: 0px;
	top: 0px;
}

.jGrowl.bottom-left {
	left: 0px;
	bottom: 0px;
}

.jGrowl.bottom-right {
	right: 0px;
	bottom: 0px;
}

.jGrowl.center {
	top: 0px;
	width: 50%;
	left: 25%;
}

/** Cross Browser Styling **/

.jGrowl.center .jGrowl-notification,
.jGrowl.center .jGrowl-closer {
	margin-left: auto;
	margin-right: auto;
}

.jGrowl-notification {
	background-color: transparent;
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	transform: scale(1);
	width: 250px;
	padding: 10px;
	margin: 10px;
	text-align: left;
	display: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	word-break: break-all;
}

.jGrowl .jGrowl-notification {
	min-height: 40px;
}

.jGrowl-notification .ui-state-highlight,
.jGrowl-notification .ui-widget-content .ui-state-highlight,
.jGrowl-notification .ui-widget-header .ui-state-highlight {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}

.jGrowl-notification .jGrowl-header {
	font-weight: bold;
	font-size: .85em;
}

.jGrowl-notification .jGrowl-close {
	background-color: transparent;
	color: inherit;
	border: none;
	z-index: 99;
	float: right;
	font-weight: bold;
	font-size: 1em;
	cursor: pointer;
}

.jGrowl-closer {
	background-color: #000000;
	opacity: 0.9;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));
	transform: scale(1);
	width: 250px;
	padding: 10px;
	margin: 10px;
	text-align: left;
	display: none;
	border-radius: 5px;
	word-break: break-all;
	padding-top: 4px;
	padding-bottom: 4px;
	cursor: pointer;
	font-size: .9em;
	font-weight: bold;
	text-align: center;
}

.jGrowl-closer .ui-state-highlight,
.jGrowl-closer .ui-widget-content .ui-state-highlight,
.jGrowl-closer .ui-widget-header .ui-state-highlight {
	border: 1px solid #000;
	background: #000;
	color: #fff;
}

.jGrowl .jGrowl-notification.jgrowl_success {
    background: lightgreen;
    border: 1px solid lightgreen;
    color: #333;
}

.jGrowl .jGrowl-notification.jgrowl_error {
    background: red;
    border: 1px solid red;
    color: #333;
}

.jGrowl .jGrowl-notification.jgrowl_process, .jGrowl .jGrowl-closer {
    background: yellow;
    border: 1px solid yellow;
	color: #333;
}

/** Hide jGrowl when printing **/
@media print {
	.jGrowl {
		display: none;
}


}

/** jGrowl End **/

/** Modal Start **/

.blocker {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	z-index: 9999;
	padding: 20px;
	box-sizing: border-box;
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0,0.75);
	text-align: center;
}

.blocker:before{
	content: "";
	display: inline-block;
	height: 100%;
	vertical-align: middle;
	margin-right: -0.05em;
}

.blocker.behind {
	background-color: transparent;
}

.modal {
	width: 600px;
	text-align: left;
	background: #fff;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	z-index: 2;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0 0 10px #000;
	-moz-box-shadow: 0 0 10px #000;
	-o-box-shadow: 0 0 10px #000;
	-ms-box-shadow: 0 0 10px #000;
	box-shadow: 0 0 10px #000;
}

.modal a.close-modal {
	position: absolute;
	top: -12.5px;
	right: -12.5px;
	display: block;
	width: 30px;
	height: 30px;
	text-indent: -9999px;
	background: url(../../../images/close.png) no-repeat 0 0;
}

.modal-spinner {
	display: none;
	width: 64px;
	height: 64px;
	position: fixed;
	top: 50%;
	left: 50%;
	margin-right: -32px;
	margin-top: -32px;
	background: url(../../../images/spinner_big.gif) no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}

/** Modal End **/

/** Impromptu Start **/

/*! jQuery-Impromptu - v6.2.3 - 2016-04-23
* http://trentrichardson.com/Impromptu
* Copyright (c) 2016 Trent Richardson; Licensed MIT */

.jqifade{
	position: absolute;
	background-color: #777777;
}

iframe.jqifade{
	display:block;
	z-index:-1;
}

div.jqi{
	width: 400px;
	max-width:90%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	position: absolute;
	background-color: #ffffff;
	font-size: 11px;
	text-align: left;
	border: solid 1px #eeeeee;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	padding: 7px;
}

div.jqi .jqicontainer{
}

div.jqi .jqiclose{
	position: absolute;
	top: 4px; right: -2px;
	width: 18px;
	cursor: default;
	color: #bbbbbb;
	font-weight: bold;
}

div.jqi .jqistate{
	background-color: #fff;
}

div.jqi .jqititle{
	padding: 5px 10px;
	font-size: 16px;
	line-height: 20px;
	border-bottom: solid 1px #eeeeee;
}

div.jqi .jqimessage{
	padding: 10px;
	line-height: 20px;
	color: #444444;
	overflow: auto;
}

div.jqi .jqibuttonshide{
	display: none;
}

div.jqi .jqibuttons{
	text-align: right;
	margin: 0 -7px -7px -7px;
	border-top: solid 1px #e4e4e4;
	background-color: #f4f4f4;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqibuttons button{
	margin: 0;
	padding: 15px 20px;
	background-color: transparent;
	font-weight: normal;
	border: none;
	border-left: solid 1px #e4e4e4;
	color: #777;
	font-weight: bold;
	font-size: 12px;
}

div.jqi .jqibuttons button.jqidefaultbutton{
	color: #489afe;
}

div.jqi .jqibuttons button:hover,
div.jqi .jqibuttons button:focus{
	color: #287ade;
	outline: none;
}

div.jqi .jqibuttons button[disabled]{
	color: #aaa;
}

.jqiwarning .jqi .jqibuttons{
	background-color: #b95656;
}

/* sub states */
div.jqi .jqiparentstate::after{
	background-color: #777;
	opacity: 0.6;
	filter: alpha(opacity=60);
	content: '';
	position: absolute;
	top:0;left:0;bottom:0;right:0;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}

div.jqi .jqisubstate{
	position: absolute;
	top:0;
	left: 20%;
	width: 60%;
	padding: 7px;
	border: solid 1px #eeeeee;
	border-top: none;
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
}

div.jqi .jqisubstate .jqibuttons button{
	padding: 10px 18px;
}

/* arrows for tooltips/tours */
.jqi .jqiarrow{
 position: absolute; height: 0; width:0; line-height: 0; font-size: 0; border: solid 10px transparent;
}

.jqi .jqiarrowtl{
 left: 10px; top: -20px; border-bottom-color: #ffffff;
}

.jqi .jqiarrowtc{
 left: 50%; top: -20px; border-bottom-color: #ffffff; margin-left: -10px;
}

.jqi .jqiarrowtr{
 right: 10px; top: -20px; border-bottom-color: #ffffff;
}

.jqi .jqiarrowbl{
 left: 10px; bottom: -20px; border-top-color: #ffffff;
}

.jqi .jqiarrowbc{
 left: 50%; bottom: -20px; border-top-color: #ffffff; margin-left: -10px;
}

.jqi .jqiarrowbr{
 right: 10px; bottom: -20px; border-top-color: #ffffff;
}

.jqi .jqiarrowlt{
 left: -20px; top: 10px; border-right-color: #ffffff;
}

.jqi .jqiarrowlm{
 left: -20px; top: 50%; border-right-color: #ffffff; margin-top: -10px;
}

.jqi .jqiarrowlb{
 left: -20px; bottom: 10px; border-right-color: #ffffff;
}

.jqi .jqiarrowrt{
 right: -20px; top: 10px; border-left-color: #ffffff;
}

.jqi .jqiarrowrm{
 right: -20px; top: 50%; border-left-color: #ffffff; margin-top: -10px;
}

.jqi .jqiarrowrb{
 right: -20px; bottom: 10px; border-left-color: #ffffff;
}

/** Impromptu End */