/* Styling für die Tag-Container */
.tags-container {
  display: flex;
  gap: 5px;
  flex-wrap: wrap; /* Ermöglicht Zeilenumbruch bei Platzmangel */
}

/* Allgemeines Tag-Styling */
.tag {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0.25em 0.75em;
  border-radius: 12px;
  font-size: 0.8rem;
  font-weight: 600;
  text-transform: uppercase;
  color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
}

.tag i {
  font-size: 1rem; /* Icon-Größe */
}

/* Individuelle Plattformfarben */
.tag-ios {
  background: linear-gradient(135deg, #007aff, #005bb5);
}

.tag-ipados {
  background: linear-gradient(135deg, #34aadc, #007aff);
}

.tag-macos {
  background: linear-gradient(135deg, #878787, #4a4a4a);
}

.tag-tvos {
  background: linear-gradient(135deg, #5b5b5b, #000000);
}

.tag-watchos {
  background: linear-gradient(135deg, #1e1e1e, #000000);
}

.tag-linux {
  background: linear-gradient(135deg, #fdd835, #f57f17);
}

.tag-android {
  background: linear-gradient(135deg, #3ddc84, #2aa65a);
}

.tag-windows {
  background: linear-gradient(135deg, #00a4ef, #0078d7);
}

.tag-web {
  background: linear-gradient(135deg, #ff9800, #e65100);
}

.tag-playstation {
  background: linear-gradient(135deg, #003087, #001f5b);
}

.tag-xbox {
  background: linear-gradient(135deg, #107c10, #0b5e0b);
}

.tag-switch {
  background: linear-gradient(135deg, #e60012, #a3000d);
}

/* Template-Tag */
.tag-template {
  background: linear-gradient(135deg, #9c27b0, #6a1b9a);
}

/* LaTeX-Tag */
.tag-latex {
  background: linear-gradient(135deg, #008080, #004d4d);
}