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;
}