body {
    margin:0;
    background:#0d0d0d;
    color:white;
    font-family:Arial;
}

/* FIX: Menü bleibt oben */
nav {
    position:fixed;
    top:0;
    left:0;
    right:0;
    height:70px;
    display:flex;
    align-items:center;
    padding-left:20px;
    background:#111;
    z-index:9999;
}

nav a {
    color:white;
    margin-right:15px;
    text-decoration:none;
}

/* Logo */
.top-right-logo {
    position:fixed;
    top:10px;
    right:10px;
    z-index:10000;
}

.top-right-logo img {
    height:60px;
    transition:0.3s;
}

.top-right-logo img:hover {
    transform:scale(1.25);
}

/* 🔥 WICHTIG: Abstand zum Menü (3 Finger Regel) */
.container {
    padding-top:140px;
    padding-left:40px;
    padding-right:40px;
    text-align:center;
}

/* bessere Zentrierung */
.center {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
}

/* Kreis Animation bleibt */
.circle {
    width:120px;
    height:120px;
    border-radius:50%;
    margin:20px auto;
}