h1{display:block;font-size:1.5em;margin-block:.83em;font-weight:bold;}

body {
    margin: 0;
    font-family: Arial, sans-serif;
    background: url("aennekens-welt-bg.jpg") no-repeat center center fixed;
    background-size: cover;
    color: white;
}

body::after {
    content:"";
    position:fixed;
    top:0; left:0;
    width:100%; height:100%;
    background:rgba(0,0,0,0.60);
    z-index:-1;
}

header {
    position: fixed;
    top: 15px;
    width: 100%;
    text-align: center;
    font-size: 65px;
    color:#FFD700;
    text-shadow:0 0 20px #FFD700, 0 0 40px #ff00ff;
    z-index: 1100;
}

nav {
    position: fixed;
    top: 100px;
    width:100%;
    background: rgba(0,0,0,0.70);
    padding:15px;
    text-align:center;
    z-index:1000;
}

nav a {
    margin:0 20px;
    color:#00ffff;
    text-decoration:none;
    font-weight:bold;
}

.content {
    max-width:900px;
    margin:240px auto 80px auto;
    background: rgba(0,0,0,0.45);
    padding:40px;
    border-radius:15px;
    border:2px solid #00ffff;
    box-shadow:0 0 30px #00ffff;
    font-size:20px;
    line-height:1.7;
}

h1, h2 { color:#00ffff; margin-top:0; }
h3 { color:#FFD700; margin-top:0; }

.project-card {
    margin-top:35px;
    padding:28px;
    background:rgba(0,0,0,0.35);
    border:1px solid rgba(0,255,255,0.75);
    border-radius:14px;
    box-shadow:0 0 18px rgba(0,255,255,0.25);
}

.project-card.future {
    margin-top:28px;
    opacity:0.78;
}

.project-question {
    font-weight:bold;
}

.project-link {
    display:inline-block;
    margin-top:12px;
    padding:15px 25px;
    border:2px solid #00ffff;
    border-radius:10px;
    color:#00ffff;
    text-decoration:none;
    font-weight:bold;
    box-shadow:0 0 20px rgba(0,255,255,0.6);
}

.project-link:hover {
    background:rgba(0,255,255,0.15);
    color:#ffffff;
}

.coming-soon {
    color:#00ffff;
    font-weight:bold;
}

.pdf-link {
    display:inline-block;
    margin-top:20px;
    padding:15px 25px;
    border:2px solid #00ffff;
    border-radius:10px;
    color:#00ffff;
    text-decoration:none;
    font-weight:bold;
    box-shadow:0 0 20px rgba(0,255,255,0.6);
}

.pdf-link:hover {
    background: rgba(0,255,255,0.15);
    color:#ffffff;
}

.note {
    margin-top:30px;
    font-size:16px;
    opacity:0.85;
}

@media (max-width: 700px) {
    header {
        font-size:42px;
        top:20px;
    }

    nav {
        top:85px;
        padding:12px 4px;
    }

    nav a {
        margin:0 7px;
        font-size:13px;
    }

    .content {
        margin:190px 16px 50px 16px;
        padding:25px 20px;
        font-size:18px;
    }

    .project-card {
        padding:20px;
    }
}

.donation-note{margin-top:20px;font-size:14px;color:#aaa;}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
.original-footer{text-align:center;margin-top:40px;}