body {
    margin:0;
    font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;
    color:#2a2a2a;
    overflow-y: scroll;
}

/* Background Image */
body::before {
    content:"";
    position:fixed;
    inset:0;
    background-image: var(--bg-base-img);
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    z-index:-2;
    animation: slowZoom 30s ease-in-out infinite alternate;
}

/* Pink Animated Overlay */
body::after {
    content:"";
    position:fixed;
    inset:0;
    background:linear-gradient(
        135deg,
        rgba(255,182,193,0.35),
        rgba(255,105,180,0.35),
        rgba(221,160,221,0.35)
    );
    background-size:300% 300%;
    z-index:-1;
    animation: gradientMove 15s ease infinite;
}

@keyframes slowZoom { 0% { transform:scale(1); } 100% { transform:scale(1.06); } }
@keyframes gradientMove { 0% { background-position:0% 50%; } 50% { background-position:100% 50%; } 100% { background-position:0% 50%; } }

/* Brand */
.brand { font-weight:600; font-size:1.3rem; }
.brand span { color:#ff4db8; }

/* Glass Card */
.main-card {
    border:0;
    border-radius:24px;
    overflow:hidden;
    background:rgba(255,255,255,0.85);
    backdrop-filter: blur(14px);
    box-shadow:0 25px 60px rgba(255,105,180,0.28);
}
.card-header-img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: top center;   /* Fokus nach oben */
}
.profile-img { width:96px; height:96px; object-fit:cover; margin-top:-48px; border:4px solid #fff; }

.link-card {
    background:rgba(255,255,255,0.85);
    border-radius:16px;
    padding:14px;
    text-decoration:none;
    color:#2a2a2a;
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
    transition:all .25s ease;
}
.link-card:hover { background:#ffe6f2; transform:translateY(-3px); }

/* Footer white */
.footer-links a { color:#ffffff; text-decoration:none; margin:0 6px; font-size:.85rem; text-shadow:0 2px 8px rgba(0,0,0,0.4); transition:opacity .2s ease; }
.footer-links a:hover { opacity:.75; }

/* Overlay Menu */
.overlay-menu { position:fixed; inset:0; background:linear-gradient(135deg,#ffd6eb,#f5c6ff); display:flex; flex-direction:column; justify-content:center; align-items:center; gap:2rem; font-size:1.3rem; transform:translateY(-100%); transition:transform .3s ease; z-index:1050; }
.overlay-menu.active { transform:translateY(0); }
.overlay-close { position:absolute; top:25px; right:30px; font-size:1.5rem; cursor:pointer; }