/* --- Privia Professional Design --- */
:root {
    --privia-pink: #ff3ba7;
    --privia-blue: #00ffe7;
    --privia-gold: #ffb300;
    --privia-dark: #232526;
    --privia-glass: rgba(255,255,255,0.75);
}
html {
    font-size: 17px;
    scroll-behavior: smooth;
}
body {
    font-family: 'Montserrat', sans-serif;
    background: radial-gradient(ellipse at 50% 40%, #181c24 70%, #232526 100%);
    color: #e9ecef;
    margin: 0;
    padding: 0;
    min-height: 100vh;
    box-shadow: 0 0 120px #00ffe733 inset;
    animation: privia-bg-move 18s ease-in-out infinite alternate;
}
@keyframes privia-bg-move {
    0% { background-position: 50% 40%; }
    100% { background-position: 60% 60%; }
}
.container {
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 1.5em;
}
/* Header */
.privia-header {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.2em;
    padding: 2.2em 0 1.2em 0;
    background: linear-gradient(90deg, var(--privia-pink) 0%, var(--privia-blue) 60%, var(--privia-gold) 100%);
    border-radius: 0 0 2.5em 2.5em;
    box-shadow: 0 2px 32px var(--privia-pink)33, 0 2px 24px var(--privia-blue)22;
    position: relative;
}
.privia-header-logo {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 24px var(--privia-pink)cc, 0 0 16px var(--privia-blue)99;
    border: 2.5px solid var(--privia-pink);
}
.privia-header-title {
    font-size: 2.1em;
    font-weight: 900;
    color: var(--privia-pink);
    letter-spacing: -1px;
    text-shadow: 0 0 12px var(--privia-pink), 0 0 24px var(--privia-blue);
}
.status-badge {
    display: inline-block;
    padding: 0.2em 1em;
    border-radius: 2em;
    font-size: 1em;
    font-weight: 700;
    background: linear-gradient(90deg, var(--privia-pink) 0%, var(--privia-blue) 60%, var(--privia-gold) 100%);
    color: var(--privia-dark);
    margin-left: 0.7em;
    box-shadow: 0 2px 8px #00ffe733;
}
/* Navigation */
.nav-minimal {
    display: flex;
    justify-content: center;
    gap: 2.5em;
    margin: 1.2em 0 1.5em 0;
    background: var(--privia-glass);
    border-radius: 2em;
    box-shadow: 0 2px 12px var(--privia-pink)11;
    padding: 0.7em 0;
}
.nav-minimal a {
    font-weight: 700;
    color: var(--privia-dark);
    text-decoration: none;
    padding: 0.5em 1.5em;
    border-radius: 2em;
    transition: background 0.18s, color 0.18s;
    position: relative;
}
.nav-minimal a.active,
.nav-minimal a:hover {
    background: linear-gradient(90deg, var(--privia-pink) 0%, var(--privia-blue) 100%);
    color: #fff;
    box-shadow: 0 2px 12px var(--privia-pink)55;
}
.neon-dot {
    display: inline-block;
    width: 0.7em;
    height: 0.7em;
    background: var(--privia-pink);
    border-radius: 50%;
    margin-right: 0.5em;
    box-shadow: 0 0 8px var(--privia-pink)cc;
    vertical-align: middle;
}
/* Hero Section */
.hero {
    background: var(--privia-glass);
    border-radius: 2.5em;
    box-shadow: 0 2px 32px var(--privia-pink)22, 0 2px 24px var(--privia-blue)11;
    margin: 2em auto 1.5em auto;
    padding: 2.5em 2em 2em 2em;
    max-width: 900px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}
.hero-title {
    font-size: 2em;
    font-weight: 900;
    color: var(--privia-pink);
    margin-bottom: 0.2em;
    text-align: center;
    text-shadow: 0 0 16px var(--privia-pink), 0 0 32px var(--privia-blue);
}
.hero-sub {
    font-size: 1.15em;
    color: #888;
    margin-bottom: 1.5em;
    text-align: center;
}
/* Förderfonds Banner */
#foerderfonds-banner {
    margin: 1.5em 0 1.5em 0;
    border: 2px solid #00ffe7;
    background: linear-gradient(90deg,#f8fafc 60%,#e0f7fa 100%);
    box-shadow: 0 2px 16px #00ffe733;
}
/* Main Stats */
.main-stats {
    display: flex;
    gap: 1.5em;
    justify-content: center;
    margin: 2em 0 1.5em 0;
}
.stat-block {
    background: #fff;
    border-radius: 2em;
    box-shadow: 0 2px 8px #00ffe711;
    padding: 1.2em 1.5em;
    min-width: 120px;
    text-align: center;
    transition: transform 0.18s, box-shadow 0.18s, background 0.18s;
}
.stat-block:hover {
    background: linear-gradient(90deg, #ffe259 0%, #00ffe7 100%);
    color: #232526;
    box-shadow: 0 8px 32px #00ffe7aa;
    transform: translateY(-6px) scale(1.04);
}
.stat-label {
    font-size: 1em;
    color: #888;
    font-weight: 600;
    margin-bottom: 0.1em;
    display: block;
}
.stat-value {
    font-size: 1.3em;
    font-weight: 900;
    color: #00b894;
}
/* CTA Button */
.cta-btn {
    background: linear-gradient(90deg,#00ffe7 0%,#ffe259 100%);
    color: #232526;
    font-weight: 900;
    border-radius: 2em;
    padding: 0.8em 2.2em;
    font-size: 1.15em;
    border: none;
    box-shadow: 0 2px 16px #00ffe733, 0 1px 4px #ffe25944, 0 0 24px #00ffe7aa;
    margin: 0.3em 0.2em;
    cursor: pointer;
    display: inline-block;
    letter-spacing: -1px;
    transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
    position: relative;
    overflow: hidden;
}
.cta-btn::after {
    content: "";
    position: absolute;
    left: -60%;
    top: 0;
    width: 60%;
    height: 100%;
    background: linear-gradient(120deg,transparent 60%,#fff8 100%);
    opacity: 0.5;
    transform: skewX(-20deg);
    transition: left 0.5s;
}
.cta-btn:hover::after, .cta-btn:focus::after {
    left: 120%;
}
.cta-btn:hover, .cta-btn:focus {
    background: linear-gradient(90deg,#ffe259 0%,#00ffe7 100%);
    color: #181c24;
    transform: translateY(-2px) scale(1.04);
    box-shadow: 0 4px 24px #00ffe7cc, 0 2px 8px #ffe25999, 0 0 32px #ffe25977;
}
/* Sekundärer CTA Button */
.cta-secondary {
    background: linear-gradient(90deg,#232526 0%,#181c24 100%);
    color: #ffe259;
    border: 2px solid #ffe259;
    box-shadow: 0 0 12px #ffe25955;
}
.cta-secondary:hover, .cta-secondary:focus {
    background: linear-gradient(90deg,#ffe259 0%,#00ffe7 100%);
    color: #232526;
    border-color: #00ffe7;
}
/* Info Cards */
.info-card, .community-spotlight, .pool-card {
    border-radius: 2.5em;
    box-shadow: 0 2px 24px var(--privia-pink)11, 0 2px 16px var(--privia-blue)11;
    background: var(--privia-glass);
    margin-bottom: 2em;
    padding: 2em 2.5em;
    transition: box-shadow 0.2s, background 0.2s;
}
.info-card ul {
    margin: 0.7em 0 0.7em 1.5em;
}
/* Pools Section */
.pools-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2em 2.5em;
    align-items: flex-start;
}
.pool-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-width: 200px;
    max-width: 240px;
    margin: 0.7em;
    padding: 1.5em 1em;
    background: linear-gradient(120deg,#f8fafc 60%,#e0f7fa 100%);
    border: 1.5px solid var(--privia-pink);
    box-shadow: 0 2px 10px #00ffe711, 0 2px 10px #ffb3000a;
}
.pool-card:hover {
    box-shadow: 0 8px 32px var(--privia-pink)bb, 0 2px 16px var(--privia-blue)44;
    background: linear-gradient(120deg, var(--privia-blue) 60%, #fffde7 100%);
    transform: translateY(-4px) scale(1.03);
}
.pool-logo {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    margin-bottom: 0.7em;
    border: 2.5px solid var(--privia-pink);
    background: #fff;
}
.pool-title {
    font-weight: 900;
    font-size: 1.1em;
    margin-bottom: 0.2em;
    color: #232526;
}
.pool-coin {
    color: #00b894;
    font-size: 1em;
    margin-bottom: 0.5em;
}
.pool-hashrate {
    font-size: 1em;
    color: #888;
    margin-bottom: 1em;
}
.pool-register-btn {
    background: linear-gradient(90deg, var(--privia-pink) 0%, var(--privia-blue) 100%);
    color: #fff;
    border: none;
    border-radius: 2em;
    padding: 0.5em 1.3em;
    font-weight: 700;
    font-size: 1em;
    box-shadow: 0 2px 12px var(--privia-pink)77;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, box-shadow 0.2s;
    text-decoration: none;
    display: inline-block;
}
.pool-register-btn:hover {
    background: linear-gradient(90deg, var(--privia-gold) 0%, var(--privia-pink) 100%);
    color: #fff;
    box-shadow: 0 4px 24px var(--privia-pink)55;
}
/* Community Banner */
.privia-community-banner {
    background: linear-gradient(90deg, var(--privia-pink) 0%, var(--privia-blue) 60%, var(--privia-gold) 100%);
    color: #fff;
    border-radius: 2em;
    box-shadow: 0 2px 24px var(--privia-pink)99, 0 2px 16px var(--privia-blue)22;
    padding: 1.5em 2em;
    margin: 2.5em auto 2em auto;
    max-width: 540px;
    text-align: center;
    font-size: 1.15em;
    font-weight: 700;
    letter-spacing: 0.01em;
}
/* Footer */
.privia-footer {
    background: #181c24;
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
    box-shadow: 0 -2px 32px #00ffe7cc,0 -1px 8px #ffe25999, 0 0 64px #00ffe799 inset;
    padding: 2.2em 1.2em 1.2em 1.2em;
    text-align: center;
    margin-top: 3em;
    position: relative;
    overflow: hidden;
}
.privia-footer::before {
    content: "";
    position: absolute;
    left: -30%;
    top: -60%;
    width: 160%;
    height: 160%;
    background: radial-gradient(circle at 60% 40%, #00ffe733 0%, transparent 70%);
    z-index: 0;
    pointer-events: none;
    animation: card-glow 8s linear infinite alternate;
}
.footer-social {
    margin: 1em 0 0.5em 0;
    position: relative;
    z-index: 1;
}
.footer-social a {
    color: #00ffe7;
    font-size: 1.6em;
    margin: 0 0.5em;
    transition: color 0.2s, transform 0.2s, text-shadow 0.2s;
    text-shadow: 0 0 8px #00ffe799;
}
.footer-social a:hover, .footer-social a:focus {
    color: #ffe259;
    transform: scale(1.18) rotate(-8deg);
    text-shadow: 0 0 16px #ffe259cc;
}
/* Animierte Footer-Wave */
.footer-wave-anim {
    animation: footer-wave-move 7s linear infinite alternate;
}
@keyframes footer-wave-move {
    0% { transform: translateX(0); }
    100% { transform: translateX(-40px); }
}

/* Responsive Anpassungen */
@media (max-width: 900px) {
    .container { max-width: 98vw; }
    .hero, .info-card, .community-spotlight { padding: 1.2em 0.7em; }
    .main-stats { flex-direction: column; gap: 0.7em; }
    .pools-section { flex-direction: column; gap: 0.7em; }
    .pool-card { min-width: 90vw; max-width: 96vw; }
    .section-card { padding: 1.2em 0.7em 1em 0.7em; }
    .news-livechat-container { flex-direction: column; gap: 1.2em; }
}
@media (max-width: 600px) {
    html { font-size: 15px; }
    .privia-header-title { font-size: 1.2em; }
    .hero-title { font-size: 1.2em; }
    h1 { font-size: 1.5em; }
    .section-card { padding: 0.7em 0.2em 0.7em 0.2em; }
    .privia-footer { padding: 1.2em 0.5em 0.7em 0.5em; }
}
/* Darkmode */
body.darkmode {
    background: #181c1f;
    color: #ffe4f7;
}
body.darkmode .privia-header,
body.darkmode .info-card,
body.darkmode .cta-banner,
body.darkmode .community-spotlight,
body.darkmode .pool-card {
    background: #2a1e2e;
    color: #ffe4f7;
    box-shadow: 0 2px 24px var(--privia-pink)33, 0 2px 16px var(--privia-blue)22;
    border: 1.5px solid var(--privia-pink);
}
body.darkmode .stat-block {
    background: #2a1e2e;
    color: var(--privia-blue);
}
body.darkmode .stat-block:hover {
    background: linear-gradient(90deg, var(--privia-pink) 0%, var(--privia-blue) 100%);
    color: #fff;
}
body.darkmode .pool-register-btn {
    background: linear-gradient(90deg,#2a1e2e 0%,var(--privia-pink) 100%);
    color: var(--privia-blue);
}
body.darkmode .pool-register-btn:hover {
    background: linear-gradient(90deg,var(--privia-blue) 0%,#2a1e2e 100%);
    color: #fff;
}
/* Animations, Glow, etc. wie gehabt ... */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(30px);}
    to { opacity: 1; transform: translateY(0);}
}
.tab-content {
    animation: fadeIn 0.7s;
}
@keyframes glitch {
    0% { transform: none; }
    20% { transform: skew(-2deg, 1deg) scale(1.01);}
    40% { transform: skew(2deg, -1deg) scale(1.02);}
    60% { transform: skew(-1deg, 2deg) scale(0.99);}
    80% { transform: skew(1deg, -2deg) scale(1.01);}
    100% { transform: none; }
}
@keyframes glitchTop {
    0% { transform: translate(0,0);}
    20% { transform: translate(-2px,-2px);}
    40% { transform: translate(2px,2px);}
    60% { transform: translate(-1px,1px);}
    80% { transform: translate(1px,-1px);}
    100% { transform: translate(0,0);}
}
@keyframes glitchBot {
    0% { transform: translate(0,0);}
    20% { transform: translate(2px,2px);}
    40% { transform: translate(-2px,-2px);}
    60% { transform: translate(1px,-1px);}
    80% { transform: translate(-1px,1px);}
    100% { transform: translate(0,0);}
}
/* Live Impact Counter */
.impact-counter {
    font-size: 2.2em;
    font-weight: 900;
    color: #00b894;
    letter-spacing: 1px;
    margin: 0.5em 0 0.2em 0;
    text-shadow: 0 2px 12px #00ffe7aa;
    transition: color 0.3s;
}
.impact-counter.animated {
    color: #ffb300;
    animation: bounce 0.7s;
}
@keyframes bounce {
    0% { transform: scale(1);}
    30% { transform: scale(1.18);}
    60% { transform: scale(0.95);}
    100% { transform: scale(1);}
}
/* Privia Glow Effekt */
.privia-glow {
    box-shadow: 0 0 32px 8px var(--privia-pink)cc, 0 0 12px 3px var(--privia-blue)88;
    animation: priviaGlow 2.5s infinite alternate;
}
@keyframes priviaGlow {
    0% { box-shadow: 0 0 32px 8px var(--privia-pink)cc, 0 0 12px 3px var(--privia-blue)88; }
    100% { box-shadow: 0 0 48px 16px var(--privia-pink)ee, 0 0 24px 6px var(--privia-blue)cc; }
}
/* --- Privia Pulse Animation für Buttons --- */
@keyframes priviaPulse {
    0% { box-shadow: 0 0 18px var(--privia-pink)99, 0 0 8px #ffe25999; }
    50% { box-shadow: 0 0 32px #ffe259cc, 0 0 16px var(--privia-pink)cc; }
    100% { box-shadow: 0 0 18px var(--privia-pink)99, 0 0 8px #ffe25999; }
}
.cta-btn, .pool-register-btn, .landing-action-btn {
    animation: priviaPulse 1.8s infinite;
    box-shadow: 0 0 18px var(--privia-pink)99, 0 0 8px #ffe25999;
    transition: background 0.22s, box-shadow 0.22s, transform 0.18s;
}
/* --- Neon-Dots als Blickfang --- */
@keyframes priviaNeonDot {
    0% { box-shadow: 0 0 8px var(--privia-pink), 0 0 16px #ffe259; }
    50% { box-shadow: 0 0 24px #ffe259, 0 0 32px var(--privia-pink); }
    100% { box-shadow: 0 0 8px var(--privia-pink), 0 0 16px #ffe259; }
}
.neon-dot {
    display: inline-block;
    width: 10px; height: 10px;
    border-radius: 50%;
    background: var(--privia-pink);
    margin: 0 6px;
    animation: priviaNeonDot 1.5s infinite alternate;
    vertical-align: middle;
}
/* --- Partikel-Overlay für Hintergrund --- */
#particles-bg {
    position: fixed;
    top: 0; left: 0; width: 100vw; height: 100vh;
    z-index: 0;
    pointer-events: none;
    opacity: 0.85;
    filter: blur(0.7px) brightness(1.12) saturate(1.2) drop-shadow(0 0 12px var(--privia-pink)cc);
}
/* --- 3D Pool-Karten --- */
.pool-cards-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-end;
    gap: 2.5em;
    perspective: 1200px;
    margin: 2.5em 0 2em 0;
    width: 100%;
    flex-wrap: wrap;
}
.pool-card {
    background: rgba(255,255,255,0.13);
    border-radius: 2.2em;
    box-shadow: 0 8px 32px #00ffe733, 0 2px 16px #ffe25933, 0 0.5px 0 #ffe25933 inset;
    border: 2.5px solid #00ffe7cc;
    min-width: 220px;
    max-width: 260px;
    min-height: 260px;
    padding: 2em 1.2em 1.5em 1.2em;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    transition: transform 0.35s cubic-bezier(.4,2,.6,1), box-shadow 0.22s;
    transform-style: preserve-3d;
}
.pool-card[data-pos="0"] { z-index: 3; transform: translateY(-12px) scale(1.08) rotateY(0deg);}
.pool-card[data-pos="1"] { z-index: 2; transform: translateY(8px) scale(0.98) rotateY(-16deg);}
.pool-card[data-pos="2"] { z-index: 2; transform: translateY(8px) scale(0.98) rotateY(16deg);}
.pool-card[data-pos="3"] { z-index: 1; transform: translateY(18px) scale(0.93) rotateY(-28deg);}
.pool-card[data-pos="4"] { z-index: 1; transform: translateY(18px) scale(0.93) rotateY(28deg);}
.pool-card:hover, .pool-card:focus {
    transform: scale(1.13) translateY(-18px) rotateY(0deg);
    box-shadow: 0 12px 48px #00ffe7cc, 0 4px 32px #ffe259cc;
    border-color: #ffe259cc;
    z-index: 10;
}
/* --- Glow-Effekt für Buttons und Karten --- */
.privia-glow, .cta-btn, .pool-register-btn, .landing-action-btn {
    box-shadow: 0 0 32px 8px var(--privia-pink)cc, 0 0 12px 3px var(--privia-blue)88;
    animation: priviaGlow 2.5s infinite alternate;
}
@keyframes priviaGlow {
    0% { box-shadow: 0 0 32px 8px var(--privia-pink)cc, 0 0 12px 3px var(--privia-blue)88; }
    100% { box-shadow: 0 0 48px 16px var(--privia-pink)ee, 0 0 24px 6px var(--privia-blue)cc; }
}
/* --- Noch rundere Buttons und Karten --- */
.pool-register-btn, .cta-btn, .info-card, .stat-block, .community-spotlight, .pool-card {
    border-radius: 3.5em !important;
}
/* --- Responsive Anpassungen für 3D Karten --- */
@media (max-width: 900px) {
    .pool-cards-row { gap: 1.2em; }
    .pool-card { min-width: 180px; max-width: 220px; }
}
@media (max-width: 600px) {
    .pool-card { min-width: 140px; max-width: 180px; padding: 1em 0.5em 1em 0.5em;}
    .pool-logo { width: 44px; height: 44px; }
}
/* --- Animierte Linie unter Header --- */
@media (min-width: 600px) {
    header::after {
        content: "";
        display: block;
        width: 60%;
        height: 6px;
        margin: 2.2rem auto 0 auto;
        border-radius: 3px;
        background: linear-gradient(90deg, var(--privia-pink) 0%, #ffe259 100%);
        box-shadow: 0 0 24px var(--privia-pink)99, 0 0 12px #ffe25999;
        animation: priviaLineGlow 2.5s infinite alternate, priviaLineMove 6s linear infinite;
        background-size: 200% 200%;
    }
}
@keyframes priviaLineGlow {
    0% { box-shadow: 0 0 24px var(--privia-pink)99, 0 0 12px #ffe25999; }
    100% { box-shadow: 0 0 48px #ffe259cc, 0 0 24px var(--privia-pink)cc; }
}
@keyframes priviaLineMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
/* --- Custom Scrollbar --- */
::-webkit-scrollbar {
    width: 10px;
    background: #232526;
    border-radius: 8px;
}
::-webkit-scrollbar-thumb {
    background: linear-gradient(120deg, #00ffe7cc 0%, #ffe259cc 100%);
    border-radius: 8px;
}

/* Modal Overlay */
.modal-overlay {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0; top: 0; width: 100vw; height: 100vh;
    background: rgba(0,0,0,0.45);
    align-items: center;
    justify-content: center;
}
.modal-overlay.active { display: flex; }
.modal {
    background: #fff;
    border-radius: 2em;
    box-shadow: 0 8px 48px #00ffe733, 0 2px 24px #ffb30022;
    padding: 2.2em 2em 1.5em 2em;
    max-width: 420px;
    width: 95vw;
    text-align: center;
    animation: fadeIn 0.6s;
    position: relative;
}
.modal h2 {
    font-size: 1.4em;
    font-weight: 900;
    color: #00b894;
    margin-bottom: 0.7em;
}
.modal .close-modal {
    position: absolute;
    top: 1em; right: 1em;
    background: none;
    border: none;
    font-size: 1.5em;
    color: #888;
    cursor: pointer;
}
.modal input[type="text"], .modal input[type="password"] {
    width: 90%;
    margin-bottom: 1em;
}
.modal .modal-btn {
    background: linear-gradient(90deg,var(--privia-pink) 0%,var(--privia-blue) 60%,var(--privia-gold) 100%);
    color: #232526;
    border: none;
    border-radius: 2em;
    padding: 0.7em 2em;
    font-weight: 800;
    font-size: 1.1em;
    box-shadow: 0 2px 8px #00ffe733;
    cursor: pointer;
    transition: background 0.2s, color 0.2s, box-shadow 0.2s;
}
.modal .modal-btn:hover {
    background: linear-gradient(90deg,var(--privia-gold) 0%,var(--privia-pink) 100%);
    color: #fff;
    box-shadow: 0 4px 16px #ffb30055;
}
/* --- 3D Schloss & 3D Karten Optimierung --- */
.castle-3d-container {
    perspective: 2600px; /* vorher z.B. 1600px, jetzt weiter entfernt */
    perspective-origin: 50% 120px; /* optional: höherer Ursprung für mehr "Tiefe" */
    /* ...weitere bestehende Styles... */
    margin: 3.5em auto 0 auto; /* mehr Abstand nach oben */
    max-width: 1100px; /* mehr Breite für mehr Raum */
    min-height: 520px; /* mehr Höhe für mehr Raum */
}
.pool-cards-row {
    gap: 4em; /* vorher z.B. 2.5em, jetzt mehr Abstand zwischen Karten */
    margin: 3.5em 0 2.5em 0; /* mehr Abstand zum Schloss */
    perspective: 1800px; /* mehr Distanz für stärkeren 3D-Effekt */
}
.pool-card {
    min-width: 180px; /* optional: kleiner für mehr Raum */
    max-width: 210px;
    /* ...weitere bestehende Styles... */
    /* Passe die Staffelung für mehr Abstand an: */
}
.pool-card[data-pos="0"] { z-index: 3; transform: translateY(-32px) scale(0.98) rotateY(0deg);}
.pool-card[data-pos="1"] { z-index: 2; transform: translateY(24px) scale(0.92) rotateY(-22deg);}
.pool-card[data-pos="2"] { z-index: 2; transform: translateY(24px) scale(0.92) rotateY(22deg);}
.pool-card[data-pos="3"] { z-index: 1; transform: translateY(48px) scale(0.87) rotateY(-38deg);}
.pool-card[data-pos="4"] { z-index: 1; transform: translateY(48px) scale(0.87) rotateY(38deg);}
.pool-card:hover, .pool-card:focus {
    transform: scale(1.08) translateY(-32px) rotateY(0deg);
    /* ...weitere bestehende Styles... */
}

/* ======= Übertragene Styles aus index.php ======= */

/* Links */
a {
    color: #00ffe7;
    text-decoration: none;
    transition: color 0.2s, text-shadow 0.2s;
    text-shadow: 0 0 6px #00ffe799;
}
a:hover, a:focus {
    color: #ffe259;
    text-shadow: 0 0 12px #ffe259cc;
}

/* Sekundärer CTA Button */
.cta-secondary {
    background: linear-gradient(90deg,#232526 0%,#181c24 100%);
    color: #ffe259;
    border: 2px solid #ffe259;
    box-shadow: 0 0 12px #ffe25955;
}
.cta-secondary:hover, .cta-secondary:focus {
    background: linear-gradient(90deg,#ffe259 0%,#00ffe7 100%);
    color: #232526;
    border-color: #00ffe7;
}

/* Section Card */
.section-card {
    background: rgba(36,38,40,0.96);
    border-radius: 1.7em;
    box-shadow: 0 0 32px #00ffe7cc,0 2px 16px #ffe25999;
    padding: 2.2em 2em 1.7em 2em;
    margin: 2.5em auto;
    max-width: 900px;
    width: 95%;
    transition: box-shadow 0.2s, transform 0.2s;
    position: relative;
    overflow: hidden;
}
.section-card::before {
    content: "";
    position: absolute;
    left: -40%;
    top: -40%;
    width: 180%;
    height: 180%;
    background: radial-gradient(circle at 60% 40%, #00ffe733 0%, transparent 70%);
    z-index: 0;
    pointer-events: none;
    animation: card-glow 6s linear infinite alternate;
}
@keyframes card-glow {
    0% { opacity: 0.5; }
    100% { opacity: 0.8; }
}
.section-card:hover {
    box-shadow: 0 0 48px #00ffe7cc,0 4px 24px #ffe259cc, 0 0 64px #00ffe799;
    transform: scale(1.012);
}

/* Überschriften */
h1, h2, h3 {
    font-family: 'Inter', 'Montserrat', Arial, sans-serif;
    font-weight: 900;
    letter-spacing: -1.5px;
}
h1 {
    font-size: 2.7em;
    background: linear-gradient(90deg,#00ffe7 0%,#ffe259 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: privia-title-glow 2.5s infinite alternate;
}
@keyframes privia-title-glow {
    0% { text-shadow: 0 0 12px #00ffe7cc; }
    100% { text-shadow: 0 0 32px #ffe259cc; }
}
h2 {
    font-size: 1.5em;
    margin-bottom: 0.8em;
    text-shadow: 0 0 8px #00ffe7aa;
}

/* Stats Grid */
.stats-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.5em;
    margin-top: 1.2em;
}
.stats-grid > div {
    background: rgba(24,28,36,0.92);
    border-radius: 1.2em;
    box-shadow: 0 0 12px #00ffe7aa inset;
    padding: 1.1em 0.7em;
    transition: box-shadow 0.2s, transform 0.2s;
    position: relative;
}
.stats-grid > div:hover {
    box-shadow: 0 0 32px #ffe259cc, 0 0 16px #00ffe7cc inset;
    transform: scale(1.04) rotate(-2deg);
}
.stat-label {
    color: #ffe259;
    font-size: 1.05em;
    font-weight: 700;
    letter-spacing: -0.5px;
    text-shadow: 0 0 6px #ffe25977;
}
.stat-value {
    display: block;
    font-size: 2.1em;
    font-weight: 900;
    color: #00ffe7;
    margin-top: 0.2em;
    text-shadow: 0 0 8px #00ffe7aa, 0 0 16px #00ffe799;
    letter-spacing: -1px;
}

/* News & Livechat Container */
.news-livechat-container {
    display: flex;
    gap: 2em;
    flex-wrap: wrap;
    justify-content: center;
    margin: 2.5em 0 2em 0;
}
#privia-news, #privia-livechat {
    flex: 1 1 340px;
    max-width: 440px;
    min-width: 260px;
    background: rgba(36,38,40,0.97);
    border-radius: 1.5em;
    box-shadow: 0 0 24px #00ffe7cc,0 2px 12px #ffe25999;
    padding: 1.7em 1.3em 1.3em 1.3em;
    position: relative;
    overflow: hidden;
}
#privia-news::before, #privia-livechat::before {
    content: "";
    position: absolute;
    left: -30%;
    top: -30%;
    width: 160%;
    height: 160%;
    background: radial-gradient(circle at 60% 40%, #00ffe733 0%, transparent 70%);
    z-index: 0;
    pointer-events: none;
    animation: card-glow 7s linear infinite alternate;
}
#privia-news h2, #privia-livechat h2 {
    font-size: 1.2em;
    font-weight: 900;
    margin-bottom: 0.7em;
    letter-spacing: -1px;
    position: relative;
    z-index: 1;
}
#privia-news h2 { color: #00ffe7; }
#privia-livechat h2 { color: #ffe259; }
#news-list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    z-index: 1;
}
#news-list li {
    margin-bottom: 0.6em;
    font-size: 1.05em;
    color: #e9ecef;
    text-shadow: 0 0 6px #00ffe799;
}
#chat-messages {
    flex: 1 1 auto;
    min-height: 90px;
    max-height: 180px;
    overflow-y: auto;
    background: rgba(24,28,36,0.92);
    border-radius: 1em;
    padding: 0.7em 0.8em;
    margin-bottom: 0.7em;
    font-size: 1em;
    color: #fff;
    box-shadow: 0 0 8px #00ffe7aa inset;
    position: relative;
    z-index: 1;
}

/* Queen Avatar Glow & Hover */
.privia-queen-img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    box-shadow: 0 0 32px #00ffe7cc, 0 0 12px #ffe25999, 0 0 48px #00ffe799;
    transition: box-shadow 0.3s, transform 0.3s;
    margin: 2em auto 2em auto;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: queen-glow 3.5s infinite alternate;
}
@keyframes queen-glow {
    0% { box-shadow: 0 0 32px #00ffe7cc, 0 0 12px #ffe25999; }
    100% { box-shadow: 0 0 64px #00ffe7cc, 0 0 32px #ffe259cc, 0 0 80px #ffe25977; }
}
.privia-queen-img:hover, .privia-queen-img:focus {
    box-shadow: 0 0 64px #00ffe7cc, 0 0 32px #ffe259cc, 0 0 80px #ffe25977;
    transform: scale(1.15) rotate(-8deg);
}

/* Footer */
.privia-footer {
    background: #181c24;
    border-top-left-radius: 2em;
    border-top-right-radius: 2em;
    box-shadow: 0 -2px 32px #00ffe7cc,0 -1px 8px #ffe25999, 0 0 64px #00ffe799 inset;
    padding: 2.2em 1.2em 1.2em 1.2em;
    text-align: center;
    margin-top: 3em;
    position: relative;
    overflow: hidden;
}
.privia-footer::before {
    content: "";
    position: absolute;
    left: -30%;
    top: -60%;
    width: 160%;
    height: 160%;
    background: radial-gradient(circle at 60% 40%, #00ffe733 0%, transparent 70%);
    z-index: 0;
    pointer-events: none;
    animation: card-glow 8s linear infinite alternate;
}
.footer-social {
    margin: 1em 0 0.5em 0;
    position: relative;
    z-index: 1;
}
.footer-social a {
    color: #00ffe7;
    font-size: 1.6em;
    margin: 0 0.5em;
    transition: color 0.2s, transform 0.2s, text-shadow 0.2s;
    text-shadow: 0 0 8px #00ffe799;
}
.footer-social a:hover, .footer-social a:focus {
    color: #ffe259;
    transform: scale(1.18) rotate(-8deg);
    text-shadow: 0 0 16px #ffe259cc;
}
/* Animierte Footer-Wave */
.footer-wave-anim {
    animation: footer-wave-move 7s linear infinite alternate;
}
@keyframes footer-wave-move {
    0% { transform: translateX(0); }
    100% { transform: translateX(-40px); }
}

/* Responsive Anpassungen */
@media (max-width: 900px) {
    .section-card { padding: 1.2em 0.7em 1em 0.7em; }
    .news-livechat-container { flex-direction: column; gap: 1.2em; }
}
@media (max-width: 600px) {
    h1 { font-size: 1.5em; }
    .section-card { padding: 0.7em 0.2em 0.7em 0.2em; }
    .privia-footer { padding: 1.2em 0.5em 0.7em 0.5em; }
}

/* ...existing code... */