body {
font-family: Bahnschrift, "Segoe UI", Inter, sans-serif;
background: linear-gradient(135deg, #0f1115 0%, #1a1f28 100%);
color: #e6e6e6;
margin: 0;
padding: 40px;
}


.impressum-container {
position: relative;
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
padding: 40px;
border-radius: 16px;
border: 1px solid rgba(180, 220, 255, 0.4);
box-shadow:
0 0 10px rgba(200, 230, 255, 0.25),
0 0 30px rgba(120, 190, 255, 0.15);
animation: fadeSlideIn 0.9s ease-out forwards;
opacity: 0;
}

h1 {
font-size: 32px;
margin-bottom: 20px;
}

p {
margin-bottom: 16px;
}

a {
color: #9bbcff;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

@keyframes fadeSlideIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}

.back-button {
position: absolute;
bottom: 20px;
right: 20px;
padding: 10px 18px;
font-size: 14px;
border-radius: 10px;
border: 1px solid rgba(180, 220, 255, 0.5);
background: rgba(20, 25, 35, 0.8);
color: #e6e6e6;
text-decoration: none;
backdrop-filter: blur(6px);
box-shadow:
0 0 8px rgba(200, 230, 255, 0.25);
transition: all 0.25s ease;
}

.back-button:hover {
box-shadow:
0 0 14px rgba(200, 230, 255, 0.45);
transform: translateY(-2px);
}