/* Startup Germany - Startseiten-Schnellzugriff V1 */
#sg-home-apps,
#sg-home-apps * { box-sizing:border-box; }

#sg-home-apps {
  padding:34px 0 24px;
  background:linear-gradient(180deg,#f7f9fc 0%,#ffffff 100%);
  border-bottom:1px solid #e3e9ef;
}

#sg-home-apps .sg-app-wrap {
  width:min(940px,calc(100% - 40px));
  margin:0 auto;
}

#sg-home-apps .sg-app-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:22px 18px;
  align-items:start;
}

#sg-home-apps .sg-app-link {
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  gap:9px;
  color:#132033;
  text-align:center;
  text-decoration:none;
  font:750 .86rem/1.25 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
}

#sg-home-apps .sg-app-icon {
  width:74px;
  height:74px;
  display:grid;
  place-items:center;
  border-radius:21px;
  background:#fff;
  border:1px solid rgba(8,47,85,.08);
  box-shadow:0 10px 28px rgba(8,47,85,.12);
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}

#sg-home-apps .sg-app-link:hover .sg-app-icon,
#sg-home-apps .sg-app-link:focus-visible .sg-app-icon {
  transform:translateY(-4px);
  box-shadow:0 16px 34px rgba(8,47,85,.18);
  border-color:rgba(24,88,145,.28);
}

#sg-home-apps .sg-app-link:focus-visible {
  outline:3px solid #185891;
  outline-offset:5px;
  border-radius:12px;
}

#sg-home-apps .sg-app-icon svg {
  width:38px;
  height:38px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}

#sg-home-apps .sg-app-label {
  max-width:130px;
  min-height:2.2em;
}

#sg-home-apps .sg-app-link:nth-child(6n+1) .sg-app-icon { color:#185891; background:#edf5fb; }
#sg-home-apps .sg-app-link:nth-child(6n+2) .sg-app-icon { color:#7d278b; background:#f8eff9; }
#sg-home-apps .sg-app-link:nth-child(6n+3) .sg-app-icon { color:#238650; background:#edf8f2; }
#sg-home-apps .sg-app-link:nth-child(6n+4) .sg-app-icon { color:#d25320; background:#fff3ed; }
#sg-home-apps .sg-app-link:nth-child(6n+5) .sg-app-icon { color:#6b5b00; background:#fff9df; }
#sg-home-apps .sg-app-link:nth-child(6n+6) .sg-app-icon { color:#0b5f70; background:#edf8fa; }

@media (max-width:700px) {
  #sg-home-apps { padding:26px 0 20px; }
  #sg-home-apps .sg-app-wrap { width:min(100% - 20px,940px); }
  #sg-home-apps .sg-app-grid { gap:18px 8px; }
  #sg-home-apps .sg-app-icon { width:62px;height:62px;border-radius:18px; }
  #sg-home-apps .sg-app-icon svg { width:32px;height:32px; }
  #sg-home-apps .sg-app-link { font-size:.72rem; }
  #sg-home-apps .sg-app-label { max-width:82px; }
}

@media (max-width:380px) {
  #sg-home-apps .sg-app-icon { width:57px;height:57px;border-radius:16px; }
  #sg-home-apps .sg-app-icon svg { width:29px;height:29px; }
  #sg-home-apps .sg-app-link { font-size:.67rem; }
}