/* Heli Nerds Design - Variante: Himmelblau */

/* --- Hintergrundbild --- */
body {
	background: #F3F8FD url(../img/bg-himmelblau.jpg) center top / cover no-repeat fixed;
}

/* --- Kopfbereich transparent --- */
#logo {
	background: transparent;
	border-bottom: 0;
}

/* --- Inhaltsbereich: Milchglas-Karte --- */
#content {
	background: transparent;
}

#content > .wrapper {
	background: rgba(255, 255, 255, 0.62);
	-webkit-backdrop-filter: blur(18px) saturate(1.4);
	backdrop-filter: blur(18px) saturate(1.4);
	border: 1px solid rgba(255, 255, 255, 0.7);
	border-radius: 16px;
	box-shadow: 0 12px 40px rgba(10, 60, 140, 0.14);
	padding: 20px;
	box-sizing: border-box;
}

/* --- Tabellen --- */
.tborder {
	background: rgba(255, 255, 255, 0.55);
	border-color: #D6E4F2;
	border-radius: 10px;
	overflow: hidden;
}

/* Ueberschriften dezent: hell, dunkle Schrift, duenne Farblinie unten */
.thead {
	background:
		linear-gradient(90deg, #00B4F0, #0A84FF, #3D5AFE) left bottom / 100% 3px no-repeat,
		rgba(255, 255, 255, 0.85);
	border-bottom: 0;
	color: #1D1D1F;
}

.thead a:link,
.thead a:visited {
	color: #1D1D1F;
}

.thead a:hover,
.thead a:active {
	color: #0A84FF;
	text-decoration: none;
}

.trow1 {
	background: rgba(255, 255, 255, 0.72);
	border-color: rgba(255, 255, 255, 0.8) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.06) rgba(255, 255, 255, 0.8);
}

.trow2 {
	background: rgba(250, 252, 255, 0.6);
	border-color: rgba(255, 255, 255, 0.8) rgba(0, 0, 0, 0.06) rgba(0, 0, 0, 0.06) rgba(255, 255, 255, 0.8);
}

.tfoot,
.trow_sep {
	background: rgba(255, 255, 255, 0.5);
}

/* --- Buttons --- */
#search input.button,
.thead input.button {
	background: linear-gradient(90deg, #00B4F0, #0A84FF);
	border-color: #0A6FE0;
	color: #fff;
	border-radius: 4px;
}

/* --- Login-Balken oben: hell statt schwarz --- */
#panel .upper {
	background: rgba(255, 255, 255, 0.9);
	color: #1D1D1F;
	border-top: 1px solid rgba(0, 0, 0, 0.06);
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

#panel .upper a:link,
#panel .upper a:visited {
	color: #1D1D1F;
}

#panel .upper a:hover,
#panel .upper a:active {
	color: #0A84FF;
}

#search input.textbox {
	border-color: #D3DEEA;
	border-radius: 4px;
}

/* --- Leiste unter dem Login-Balken --- */
#panel .lower {
	background: rgba(255, 255, 255, 0.7);
	border-top: 0;
	border-bottom-color: rgba(0, 0, 0, 0.06);
}

/* --- Spaltenkoepfe (Forum / Themen / Beitraege): hell statt schwarz --- */
.tcat {
	background: rgba(242, 247, 252, 0.95);
	color: #6E6E73;
	border-top: 0;
	border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}

.tcat a:link,
.tcat a:visited {
	color: #6E6E73;
}

.tcat a:hover,
.tcat a:active {
	color: #0A84FF;
}

/* Schwarze Buttons (z. B. "Neues Thema") freundlicher */
a.button:link,
a.button:hover,
a.button:visited,
a.button:active {
	background: linear-gradient(90deg, #00B4F0, #0A84FF);
	border: 0;
	border-radius: 6px;
	color: #fff;
}

/* --- Links --- */
a:link,
a:visited {
	color: #1F4E9C;
}

a:hover,
a:active {
	color: #0A84FF;
}

/* --- Seitenzahlen und Menues --- */
.pagination a:hover {
	background: #0A84FF;
	border-color: #0A6FE0;
}

.popup_menu .popup_item:hover {
	background: #0A84FF;
}

/* --- Hinweisboxen --- */
.red_alert {
	background: rgba(255, 240, 240, 0.85);
	border-radius: 8px;
}

/* --- Fusszeile --- */
#footer .upper {
	background: rgba(255, 255, 255, 0.75);
	border-color: rgba(0, 0, 0, 0.06);
}

#footer .lower {
	background: transparent;
}

/* --- Banner passt sich automatisch der Breite an --- */
#logo img[src*="heli-nerds/img/banner-"] {
	width: 100%;
	height: auto;
	display: block;
}