/* WN_More – Baustein "Weitere Apps" (AB-13). Ein Dokument fuer alle Produkt-Sites (in jeder Site verlinkt, Aenderung wirkt ueberall).
   Neutral: erbt Schrift und Textfarbe der App. Anpassen je App nur ueber die Variablen
   --wn-more-ink, --wn-more-mute, --wn-more-line, --wn-more-card, --wn-more-link,
   --wn-more-radius, --wn-more-max, --wn-more-pad-x, --wn-more-pad-y. */
.wn-more {
  --wn-more-c-fakturas: #1f6feb;
  --wn-more-c-marky: #d6336c;
  --wn-more-c-survey: #4f46e5;
  --wn-more-c-tasker: #7048e8;
  --wn-more-c-buchbar: #2f9e44;
  --wn-more-c-ntnotes: #0f766e;
  --wn-more-c-logo: #e8590c;
  --wn-more-c-crm: #0b7285;
  box-sizing: border-box;
  width: 100%;
  padding: var(--wn-more-pad-y, 48px) var(--wn-more-pad-x, 20px);
  color: var(--wn-more-ink, inherit);
  text-align: left;
}
.wn-more *, .wn-more *::before, .wn-more *::after { box-sizing: border-box; }
.wn-more .wn-more-inner {
  max-width: var(--wn-more-max, 1120px);
  margin: 0 auto;
  min-width: 0;
}
.wn-more .wn-more-title {
  margin: 0 0 16px;
  padding: 0;
  font-size: 1.125rem;
  line-height: 1.3;
  font-weight: 600;
  letter-spacing: 0;
  text-transform: none;
  text-align: left;
  color: var(--wn-more-ink, inherit);
}
/* Der ?list-Knoten ist der Rastercontainer, jede Zeile (div#row-<_id>) eine Zelle. */
.wn-more .wn-more-grid > div {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: var(--wn-more-gap, 12px);
  margin: 0;
  padding: 0;
}
.wn-more .wn-more-grid > div > div { display: flex; min-width: 0; margin: 0; }
.wn-more .wn-more-card {
  display: flex;
  flex-direction: column;
  gap: 6px;
  flex: 1 1 auto;
  min-width: 0;
  padding: 16px;
  border: 1px solid var(--wn-more-line, color-mix(in srgb, currentColor 16%, transparent));
  border-radius: var(--wn-more-radius, 12px);
  background: var(--wn-more-card, color-mix(in srgb, currentColor 3%, transparent));
}
.wn-more .wn-more-head { display: flex; align-items: center; gap: 8px; min-width: 0; }
.wn-more .wn-more-dot {
  flex: 0 0 auto;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: var(--wn-more-dot, color-mix(in srgb, currentColor 45%, transparent));
}
.wn-more .wn-more-card:has(a[href*="//fakturas."]) { --wn-more-dot: var(--wn-more-c-fakturas); }
.wn-more .wn-more-card:has(a[href*="//marky."]) { --wn-more-dot: var(--wn-more-c-marky); }
.wn-more .wn-more-card:has(a[href*="//survey."]) { --wn-more-dot: var(--wn-more-c-survey); }
.wn-more .wn-more-card:has(a[href*="//tasker."]) { --wn-more-dot: var(--wn-more-c-tasker); }
.wn-more .wn-more-card:has(a[href*="//buchbar."]) { --wn-more-dot: var(--wn-more-c-buchbar); }
.wn-more .wn-more-card:has(a[href*="//ntnotes."]) { --wn-more-dot: var(--wn-more-c-ntnotes); }
.wn-more .wn-more-card:has(a[href*="//logo."]) { --wn-more-dot: var(--wn-more-c-logo); }
.wn-more .wn-more-card:has(a[href*="//crm."]) { --wn-more-dot: var(--wn-more-c-crm); }
.wn-more .wn-more-name {
  margin: 0;
  padding: 0;
  font-size: 1rem;
  line-height: 1.3;
  font-weight: 600;
  color: var(--wn-more-ink, inherit);
  overflow-wrap: anywhere;
}
.wn-more .wn-more-claim {
  margin: 0;
  flex: 1 1 auto;
  font-size: 0.9375rem;
  line-height: 1.45;
  color: var(--wn-more-mute, color-mix(in srgb, currentColor 68%, transparent));
  overflow-wrap: anywhere;
}
.wn-more a.wn-more-link,
.wn-more a.wn-more-link:link,
.wn-more a.wn-more-link:visited {
  align-self: flex-start;
  margin-top: 4px;
  padding: 4px 0;
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--wn-more-link, inherit);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
}
.wn-more a.wn-more-link:hover { text-decoration-thickness: 2px; }
.wn-more a.wn-more-link:focus-visible { outline: 2px solid currentColor; outline-offset: 2px; border-radius: 4px; }
.wn-more .wn-more-sr {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.wn-more .wn-more-sr::before { content: " "; }
.wn-more .wn-more-for {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin: 20px 0 0;
  min-width: 0;
}
.wn-more .wn-more-for-label {
  font-size: 0.875rem;
  color: var(--wn-more-mute, color-mix(in srgb, currentColor 68%, transparent));
}
.wn-more .wn-more-chips > div { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; }
.wn-more .wn-more-chips > div > div { display: flex; min-width: 0; margin: 0; }
.wn-more .wn-more-chip,
.wn-more a.wn-more-chip:link,
.wn-more a.wn-more-chip:visited {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 3px 10px;
  border: 1px solid var(--wn-more-line, color-mix(in srgb, currentColor 16%, transparent));
  border-radius: 999px;
  font-size: 0.8125rem;
  line-height: 1.3;
  font-weight: 400;
  color: var(--wn-more-mute, color-mix(in srgb, currentColor 68%, transparent));
  background: transparent;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.wn-more a.wn-more-chip[href]:hover { color: var(--wn-more-ink, inherit); border-color: currentColor; }
@media (max-width: 640px) {
  .wn-more { padding: var(--wn-more-pad-y, 36px) var(--wn-more-pad-x, 16px); }
  .wn-more .wn-more-grid > div { grid-template-columns: 1fr; }
}