body {
	font-family: 'National Park';
	background: linear-gradient(#003b89 0%, #030c33 100%);
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-size: cover;
	color: white; /* Optional: Textfarbe anpassen */
}
    .fixed-header, .fixed-footer {
	  height: 3rem; /* oder was du brauchst */
		position: fixed !important;
		width: 100%;
		z-index: 1030;
		background-color: #0b2c52;
    }

    .fixed-header {
		top: 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 20px;
    }

    .fixed-footer {
      bottom: 0;
      background-color: #1d1d1d;
      display: flex;
      justify-content: space-around;
      align-items: center;
    }

.btn {
	color: #eeeeee; /* Schriftfarbe */
	border: 2px solid #9bdcff; /* Rand */
	background-color: #003b89; /* Durchsichtiger Hintergrund */
	transition: all 0.3s ease-in-out;
}

.btn:hover {
	background-color: rgba(0, 84, 195, 1.0);
	box-shadow: 0 0 12px rgba(50, 120, 220, 0.9);
}


/* Buttons mit Spezialfarben */
.btn-primary {
    background-color: #003b89;
    color: #ffffff;
    border: 1px solid #1fadff;
}

.btn-primary:hover {
	background-color: rgba(0, 84, 195, 1.0);
	box-shadow: 0 0 12px rgba(50, 120, 220, 0.9);
}

.btn-danger {
    background-color: #440000;
    color: #ff4444;
    border: 1px solid #ff4444;
    box-shadow: 0 0 5px #ff4444;
}

.btn-danger:hover {
    background-color: #770000;
    box-shadow: 0 0 15px #ff4444;
}


/* ----- Home-Button-Logo einheitlich (greift bei beiden Header-Typen) ----- */
/* #sw_go_home img  = Logo liegt im DIV#sw_go_home (Standard-Header)          */
/* img#sw_go_home   = das IMG selbst hat die id (Grid-Header)                 */
#sw_go_home img,
img#sw_go_home{
    height: 2.6rem !important;
    width: auto !important;
    max-width: 240px;
    vertical-align: middle;
    cursor: pointer;
}
/* NUR der breite Degener-Schriftzug (Fallback DEGENER_Logo.png): schwarzer
   Text -> weisses Pill. Das quadratische Emblem (DEGENER_Logo_quadrat.png)
   ist farbig und braucht KEIN Pill -> faellt unter die Standard-Regel oben. */
#sw_go_home img[src*="DEGENER_Logo.png"],
img#sw_go_home[src*="DEGENER_Logo.png"]{
    height: 2rem !important;
    max-width: 200px;
    padding: 2px 7px !important;
    background: #ffffff;
    border-radius: 6px;
    box-sizing: content-box;
}