/* gyros.security — statische Seite */
*, *::before, *::after { box-sizing: border-box; }
  body { margin: 0; background: #16120d; color: #f3ece0; font-family: Karla, system-ui, sans-serif; }
  a { color: #e3a13a; text-decoration: none; }
  a:hover { color: #f6c06a; }
  @keyframes spit-spin { to { transform: rotateY(360deg); } }
  @keyframes drip { 0% { transform: translateY(-4px); opacity: 0; } 30% { opacity: 1; } 100% { transform: translateY(26px); opacity: 0; } }
  @keyframes ticker { from { transform: translateX(0); } to { transform: translateX(-50%); } }

/* Hover-Zustände */
.hv1:hover { color: #e3a13a !important }
.hv2:hover { color: #e3a13a !important }
.hv3:hover { color: #e3a13a !important }
.hv4:hover { color: #e3a13a !important }
.hv5:hover { color: #e3a13a !important }
.hv6:hover { background: #a82727 !important color: #fff !important }
.hv7:hover { background: #f6c06a !important color: #16120d !important }
.hv8:hover { border-color: #e3a13a !important color: #e3a13a !important }
.hv9:hover { border-color: #e3a13a !important }
.hv10:hover { border-color: #e3a13a !important }
.hv11:hover { border-color: #e3a13a !important }
.hv12:hover { border-color: #e3a13a !important }
.hv13:hover { border-color: #e3a13a !important }
.hv14:hover { color: #16120d !important border-color: #16120d !important }
.hv15:hover { border-color: #e3a13a !important color: inherit !important }
.hv16:hover { border-color: #e3a13a !important color: inherit !important }
.hv17:hover { border-color: #e3a13a !important color: inherit !important }
.hv18:hover { border-color: #e3a13a !important color: inherit !important }
.hv19:hover { background: #f6c06a !important color: #16120d !important }