/* Cyberpunk-Icon-Stil als Fallback für Font Awesome */
.fas, .fab, .fa {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  vertical-align: middle;
  filter: drop-shadow(0 0 5px rgba(0, 195, 255, 0.7));
}

/* Spezifische Icon-Definitionen */
.fa-brain { background-image: url('/static/fonts/icons/brain.svg'); }
.fa-robot { background-image: url('/static/fonts/icons/robot.svg'); }
.fa-shield-alt { background-image: url('/static/fonts/icons/shield-alt.svg'); }
.fa-users-cog { background-image: url('/static/fonts/icons/users-cog.svg'); }
.fa-history { background-image: url('/static/fonts/icons/history.svg'); }
.fa-code { background-image: url('/static/fonts/icons/code.svg'); }
.fa-database { background-image: url('/static/fonts/icons/database.svg'); }
.fa-chart-line { background-image: url('/static/fonts/icons/chart-line.svg'); }
.fa-project-diagram { background-image: url('/static/fonts/icons/project-diagram.svg'); }

/* Logo-Styling für Header */
.logo-container {
  display: flex;
  align-items: center;
}

.logo-image {
  height: 40px;
  margin-right: 10px;
}

/* Verberge den standardmäßigen Logo-Text "V" wenn das Bild geladen wird */
.logo-container.has-image .logo {
  display: none;
}