﻿body{
  background:#121614;
  color:#9fd39f;
}

.card{
  background:
    linear-gradient(rgba(17,23,20,0.85), rgba(27,36,31,0.88)),
    url("../bilder/andere/borg.jpg") !important;
  background-size:cover;
  background-position:center;
  border:1px solid #355c3a;
  box-shadow:0 0 18px rgba(80,255,120,0.18);
}



.card,
.card .excerpt,
.card .text-story{
  color:#9fc89f;
}

.card h1,
.card h2,
.card h3{
  color:#a8ffb0;
  text-shadow:0 0 6px rgba(120,255,160,0.25);
}

.card a{
  color:#7fe0b0;
}

.meta,
.section-note{
  color:#8aa88a;
}

a{
  color:#9cff9c;
}

.nav-link{
  background:linear-gradient(145deg, #1d241f, #111613);
  color:#9fd39f;
  border:1px solid #355c3a;
}

.nav-link:hover{
  box-shadow:0 0 14px rgba(80,255,120,0.22);
}


/* kurzer Borg-Hack-Effekt */
@keyframes borgHack{
  0%{ transform:translate(0,0); filter:none; }
  10%{ transform:translate(-2px,1px); filter:contrast(1.5) brightness(1.2); }
  20%{ transform:translate(2px,-1px); filter:contrast(1.8) brightness(0.8) hue-rotate(35deg); }
  35%{ transform:translate(-1px,-2px); filter:contrast(2) brightness(1.4); }
  50%{ transform:translate(3px,1px); filter:invert(0.12) contrast(1.8); }
  70%{ transform:translate(-2px,2px); filter:contrast(1.6) brightness(1.1); }
  100%{ transform:translate(0,0); filter:none; }
}

body.borg-hack{
  animation:borgHack 1.6s steps(2,end);
}

body.borg-hack::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:9999;
  pointer-events:none;
  background:
    repeating-linear-gradient(
      0deg,
      rgba(120,255,140,0.08) 0px,
      rgba(120,255,140,0.08) 2px,
      transparent 2px,
      transparent 6px
    );
  animation:borgHack 1.6s steps(2,end);
}