/*! Urheber: Steve Wagner, toolranzen.de — 2026. Jede Nutzung außerhalb von toolranzen.de bedarf der Erlaubnis. */

.sw-home .ng-gruppe + .ng-gruppe { margin-top: var(--space-2xl); }
.sw-home .ng-gruppe__titel {
  display: flex; align-items: center; gap: var(--space-sm);
  margin: 0 0 var(--space-md);
  font-family: var(--font-display);
  font-size: var(--text-lg);
  font-weight: var(--fw-semi);
}
.sw-home .ng-gruppe__icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 36px; height: 36px; flex: 0 0 auto;
  border-radius: var(--radius-full);
  background: var(--color-primary-pale); color: var(--color-primary);
}
.sw-home .ng-gruppe__icon svg { width: 18px; height: 18px; }

.sw-home .ng-kacheln {
  display: grid; grid-template-columns: 1fr; gap: var(--space-md);
  margin: 0; padding: 0; list-style: none;
}
@media (min-width: 700px)  { .sw-home .ng-kacheln { grid-template-columns: 1fr 1fr; } }
@media (min-width: 1100px) { .sw-home .ng-kacheln { grid-template-columns: repeat(3, 1fr); } }

.sw-home .ng-kacheln a {
  display: flex; align-items: center; gap: var(--space-md);
  height: 100%; padding: var(--space-md) var(--space-lg);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-card);
  text-decoration: none; color: var(--color-text);
}
.sw-home .ng-kacheln a:hover { border-color: var(--color-primary); }

.sw-home .ng-kachel__icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; flex: 0 0 auto;
  border-radius: var(--radius-full);
  background: var(--color-surface-warm); color: var(--color-primary);
}
.sw-home .ng-kachel__icon svg { width: 20px; height: 20px; }
.sw-home .ng-kachel__text { display: flex; flex-direction: column; gap: 2px; min-width: 0; flex: 1 1 auto; }
.sw-home .ng-kachel__name {
  font-family: var(--font-display); font-weight: var(--fw-semi);
  line-height: var(--lh-tight);
}
.sw-home .ng-kachel__desc { font-size: var(--text-xs); color: var(--color-text-muted); }

.sw-home .ng-kachel__stufe {
  width: 10px; height: 10px; flex: 0 0 auto;
  border-radius: var(--radius-full);
  background: var(--color-text-light);
}
.sw-home .ng-kachel__stufe[data-ng-stufe="1"] { background: var(--color-success); }
.sw-home .ng-kachel__stufe[data-ng-stufe="2"] { background: var(--color-warning); }
.sw-home .ng-kachel__stufe[data-ng-stufe="3"] { background: var(--color-error); }

.sw-home .ng-wege {
  display: grid; grid-template-columns: 1fr; gap: var(--space-md);
  margin: 0; padding: 0; list-style: none;
}
@media (min-width: 800px) { .sw-home .ng-wege { grid-template-columns: repeat(3, 1fr); } }
.sw-home .ng-wege a {
  display: flex; align-items: flex-start; gap: var(--space-md);
  height: 100%; padding: var(--space-lg);
  border-radius: var(--radius-lg);
  background: var(--color-surface);
  border: 1px solid var(--color-border);
  border-top: 4px solid var(--color-secondary);
  text-decoration: none; color: var(--color-text);
}
.sw-home .ng-wege a:hover { border-top-color: var(--color-primary); }
.sw-home .ng-wege__icon {
  display: inline-flex; align-items: center; justify-content: center;
  width: 40px; height: 40px; flex: 0 0 auto;
  border-radius: var(--radius-full);
  background: var(--color-secondary-pale); color: var(--color-secondary-ink);
}
.sw-home .ng-wege__icon svg { width: 20px; height: 20px; }
.sw-home .ng-wege a > span:last-child { display: flex; flex-direction: column; gap: 2px; }
.sw-home .ng-wege strong { font-family: var(--font-display); font-size: var(--text-lg); }
.sw-home .ng-wege span span { font-size: var(--text-sm); color: var(--color-text-muted); }

/* Urheber: Steve Wagner, toolranzen.de — 2026. Jede Nutzung außerhalb von toolranzen.de bedarf der Erlaubnis. */