/* ==============================================
   space.css – Krampus-Anpassung PEtER V.1.6 
   ============================================== */

/* ==============================================
   Headings
   ============================================== */

h1 {
    font-family: 'Nosifer', cursive;
    font-size: 52px;
    color: #c00; /* dein Blutrot */

    -webkit-text-stroke: 1.2px #000; /* dünnere Kontur = Glow kommt stärker */
    text-stroke: 1.2px #000;

    text-shadow:
        0 0 5px #ff0000,    /* heller roter Kern */
        0 0 12px #ff0000,
        0 0 22px #d00000,   /* dunkleres Rot */
        0 0 35px #a00000,
        0 0 50px #800000,
        0 0 70px rgba(139,0,0, 0.7); /* weicher blutroter Halo */

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

h1:hover {
    text-shadow:
        0 0 8px #ff0000,
        0 0 18px #ff0000,
        0 0 35px #d00000,
        0 0 55px #a00000,
        0 0 80px #800000,
        0 0 100px rgba(139,0,0, 0.9); /* richtig intensiv beim Hover */
}

h2 {
    font-family: 'Creepster', cursive;
    font-size: 48px;
    color: #a00; /* dunkles Blutrot */
}

h3 {
    font-family: 'Creepster', cursive;
    font-size: 48px;
    color: #a00; /* dunkles Blutrot */
}


/* ==============================================
   Body & Hintergrund
   ============================================== */

body {
    background-image: url('/bl-themes/bl-space-main/img/helldogs.webp');
    background-repeat: repeat;
    background-position: center center;
    background-size: auto;
    background-attachment: fixed;
    background-color: #000000;  /* schwarzer Fallback */

    font-family: 'Germania One', cursive;
    color: #B2B2B2;
    font-size: 25px;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}


/* ==============================================
   Links
   ============================================== */

a {
    color: #EB4DF4;
    text-decoration: none;
}

a:hover,
a:visited,
a:link,
a:active {
    color: #D75D54;
    text-decoration: none;
}


/* ==============================================
   Bilder responsiv
   ============================================== */

img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

/* Navbar-Fix PEtER */
.navbar .nav-link {
  display: flex !important;
  align-items: center !important;
  gap: 10px; /* Abstand zwischen Bild und Text */
}

.navbar .nav-link img {
  display: inline-block !important;
  margin: 0 !important;
  flex-shrink: 0;
}

.navbar .nav-link {
  flex-wrap: nowrap !important;
}