/* 1. DIE SCHRIFTEN LADEN */
/* VT323 ist die ultimative, leuchtende 8-Bit-Pixelschrift für den Hack/Archiv-Vibe */
@import url('https://fonts.googleapis.com/css2?family=VT323&display=swap');
/* Press Start 2P für kleinere, klobige Überschriften */
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');

/* 2. GLOBALE EINSTELLUNGEN */
body {
    /* Tiefes, düsteres Waldgrün als Hintergrund */
    background-color: #111100; 
    /* Falls du ein gekacheltes Hintergrundbild hast, hier einkommentieren: */
    /* background-image: url('dein-wald-hintergrund.gif'); */
    
    /* Standardtext: Leuchtendes Cyber-Grün & die Pixelschrift */
    color: #bdff96;
    font-family: 'VT323', monospace;
    font-size: 1.4rem;
    line-height: 1.2;
    padding: 20px;
    margin: 0;
    
    /* Der klassische, verpixelte Rendering-Effekt für Text und Bilder */
  
    text-shadow: 0 0 4px rgba(51, 255, 51, 0.5);
}

/* 3. DIE ÜBERSCHRIFTEN (Das visuelle Highlight) */
h1 {
    font-family: 'Press Start 2P', cursive;
    color: #46d836;
    text-align: center;
    font-size: 2rem;
    text-shadow: 3px 3px #a81b2f; /*3D-Glitch-Effekt*/
    margin-bottom: 30px;
    letter-spacing: -1px;
}

h2 {
    color: #00ffff; /* Cyan für Sektions-Überschriften */
    border-bottom: 2px dashed #33ff33;
    padding-bottom: 5px;
    font-size: 1.8rem;
}

/* 4. DIE LINKS (Blinkend und auffällig) */
a {
    color: #ff00ff; /* Magenta-Pink für den harten Kontrast */
    text-decoration: underline;
    cursor: pointer;
}

a:hover {
    color: #ffffff;
    background-color: #33ff33; /* Neon-Highlight beim Drüberfahren */
    color: #031203;
    text-shadow: none;
}

/* 5. TYPISCHE WEBCORE-BOXEN*/
.archiv-box {
    background-color: #051a05;
    border: 3px double #33ff33; /* Klassischer Doppelrahmen */
    padding: 15px;
    margin: 20px auto;
    max-width: 800px;
    box-shadow: 5px 5px 0px #005500; /* Harter, unweicher Schatten */
}

/* Lauftext-Simulation (Der alte Marquee-Effekt) */
.lauftext {
    background: #111;
    border: 1px solid #33ff33;
    padding: 5px;
    overflow: hidden;
    white-space: nowrap;
    color: #ff3333; /* Alarm-Rot */
}

/* 6. DER BESUCHERZÄHLER (Hit Counter Style) */
.counter {
    font-family: 'Press Start 2P', cursive;
    background: #000;
    color: #ff0000;
    padding: 5px 10px;
    border: 2px inset #555;
    display: inline-block;
    font-size: 0.8rem;
    letter-spacing: 2px;
}