@font-face {
  font-weight: 500;
  font-family: AvenirLTPro;
  font-style: normal;
  font-display: swap;
  src: url(https://d2ag7ldvg641c0.cloudfront.net/eguma/website/fonts/AvenirLTPro500-webfont.woff2)
      format("woff2"),
    url(https://d2ag7ldvg641c0.cloudfront.net/eguma/website/fonts/AvenirLTPro500-webfont.woff)
      format("woff");
}

@font-face {
  font-weight: 700;
  font-family: Nexa;
  font-style: normal;
  font-display: swap;
  src: url(https://d2ag7ldvg641c0.cloudfront.net/eguma/website/fonts/Nexa700-webfont.woff2)
      format("woff2"),
    url(https://d2ag7ldvg641c0.cloudfront.net/eguma/website/fonts/Nexa700-webfont.woff)
      format("woff");
}

:root {
  --eg-navy: #2a2d42;
  --eg-pink: #ef476f;
  --eg-pink-dark: #d93a60;
  --eg-blue: #118ab2;
  --eg-yellow: #ffd166;
  --eg-green: #06a77d;
  /* Tile icons: one logo colour per collection, as stroke and as a light tint behind it. */
  --eg-tile-blue: #168bb3;
  --eg-tile-blue-tint: #e1f0f6;
  --eg-tile-red: #e94870;
  --eg-tile-red-tint: #fde7ed;
  --eg-tile-amber: #d78f00;
  --eg-tile-amber-tint: #fff3d3;
  --eg-tile-green: #2f9a3c;
  --eg-tile-green-tint: #e4f4e5;
  --eg-tile-teal: #1a9c91;
  --eg-tile-teal-tint: #dff5f2;
  --eg-text: #2a2d42;
  --eg-muted: #5f6478;
  --eg-subtle: #8a8fa3;
  --eg-border: #e4e6ee;
  --eg-border-hover: #b9bdcc;
  --eg-icon: #b4b8c7;
  --eg-surface: #f5f6fa;
  --eg-surface-hover: #eaecf3;
  --eg-surface-active: #e6e8f0;
  --eg-radius: 14px;
  --eg-shadow: 0 1px 2px rgba(16, 24, 40, 0.04), 0 8px 24px rgba(16, 24, 40, 0.06);
  --eg-shadow-hover: 0 2px 4px rgba(16, 24, 40, 0.05), 0 16px 32px rgba(16, 24, 40, 0.1);
  --eg-font: "AvenirLTPro", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --eg-font-heading: "Nexa", "AvenirLTPro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --eg-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}

/* ---------- Base ---------- */

body {
  background: var(--eg-surface);
  color: var(--eg-text);
  font-family: var(--eg-font);
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (prefers-reduced-motion: no-preference) {
  html {
    scroll-behavior: smooth;
  }

  .category-list .category:hover,
  .category-list .category:focus-visible {
    transform: translateY(-3px);
  }

  .articleRatings .rateAction:hover {
    transform: scale(1.1);
  }
}

[id] {
  scroll-margin-top: 24px;
}

h1,
h2,
h3,
h4,
h5 {
  font-family: var(--eg-font);
  color: var(--eg-text);
  letter-spacing: -0.005em;
}

h1 {
  font-family: var(--eg-font-heading);
  font-weight: 700;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 2px solid var(--eg-pink);
  outline-offset: 2px;
}

/* ---------- Top navigation ---------- */

.navbar .navbar-inner {
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

/* Help Scout scales the uploaded logo down to 75 px, which blurs on
   high-density screens. The vector logo of the website is drawn on the image
   element instead, and the bitmap is pushed out of its box. The padding puts
   the drawing where the logo sits inside the 213 x 75 image, scaled to 64 px. */
.navbar .brand {
  padding-top: 18px;
  padding-bottom: 10px;
}

.navbar .brand img {
  box-sizing: border-box;
  width: 182px;
  height: 64px;
  padding: 15px 18px 15px 19px;
  background: url("https://eguma-docs.s3.eu-west-1.amazonaws.com/logo_e-guma_help.svg") center / contain no-repeat;
  background-origin: content-box;
  object-fit: none;
  object-position: 300px 0;
}

.navbar .nav > li > a {
  font-size: 15px;
  letter-spacing: 0.01em;
  transition: color 0.2s ease;
}

/* Language pill and contact button, inserted by the header script. On desktop
   they sit in the menu row, which the menu makes room for: the script measures
   their width into --eg-tools-width. */
#mainNav .site-tools {
  position: absolute;
  right: 0;
  bottom: 12px;
  z-index: 1;
  display: flex;
  align-items: center;
  gap: 10px;
  font-family: var(--eg-font);
}

@media (min-width: 769px) {
  .navbar .nav {
    margin-right: calc(var(--eg-tools-width, 230px) + 20px);
  }
}

#mainNav .language-switch {
  display: flex;
  padding: 2px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.1);
}

#mainNav .language-switch > * {
  display: block;
  min-width: 36px;
  padding: 0 6px;
  border-radius: 999px;
  color: silver;
  font-size: 12px;
  font-weight: 700;
  line-height: 24px;
  text-align: center;
  text-decoration: none;
  transition: color 0.2s ease, background-color 0.2s ease;
}

#mainNav .language-switch > a:hover,
#mainNav .language-switch > a:focus-visible {
  color: #fff;
}

#mainNav .language-switch > [aria-current] {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
}

#mainNav .contact-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  height: 28px;
  padding: 0 10px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 8px;
  color: silver;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;
}

#mainNav .contact-button:hover,
#mainNav .contact-button:focus-visible {
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.1);
  color: #fff;
}

#mainNav .contact-button svg {
  width: 15px;
  height: 15px;
}

/* ---------- Hero with search (home page) ---------- */

#docsSearch {
  height: auto;
  min-height: 0;
  margin-bottom: 40px;
  padding: 48px 20px 56px;
  box-sizing: border-box;
  border: none;
  background-color: var(--eg-navy);
  background-image: url("https://eguma-docs.s3.eu-west-1.amazonaws.com/header_e-guma_help.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

#docsSearch h1 {
  margin: 0 0 8px;
  color: #fff;
  font-size: 40px;
  line-height: 1.2;
  letter-spacing: -0.01em;
}

#docsSearch #searchBar {
  width: 100%;
  max-width: 640px;
  margin: 0 auto;
  padding: 24px 0 0;
}

#docsSearch #searchBar .search-query {
  height: 60px;
  padding: 0 140px 0 24px;
  border: 1px solid transparent;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.25);
  color: var(--eg-text);
  font-family: var(--eg-font);
  font-size: 17px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#docsSearch #searchBar .search-query:focus {
  border-color: var(--eg-pink);
  box-shadow: 0 0 0 4px rgba(239, 71, 111, 0.25), 0 12px 32px rgba(0, 0, 0, 0.25);
  outline: none;
}

#docsSearch #searchBar button {
  top: 32px;
  right: 8px;
  height: 44px;
  padding: 0 24px;
  border: none;
  border-radius: 10px;
  background: var(--eg-pink);
  color: #fff;
  font-family: var(--eg-font);
  font-size: 16px;
  font-weight: 700;
  text-shadow: none;
  transition: background 0.2s ease;
}

#docsSearch #searchBar button:hover,
#docsSearch #searchBar button:focus {
  background: var(--eg-pink-dark);
}

#serp-dd,
#serp-dd.sb {
  overflow: hidden;
  border: 1px solid var(--eg-border);
  border-radius: 12px;
  box-shadow: var(--eg-shadow-hover);
}

#serp-dd .result a {
  padding: 10px 16px;
  font-size: 15px;
}

#serp-dd .result a:hover,
#serp-dd .result > li.active {
  background: var(--eg-surface);
}

/* ---------- Featured article (home page, inserted by the header script) ---------- */

.featured-article {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 48px;
  padding: 14px 20px;
  border: 1px solid var(--eg-border);
  border-left: 4px solid var(--eg-pink);
  border-radius: var(--eg-radius);
  background: #fff;
  box-shadow: var(--eg-shadow);
  color: var(--eg-text);
  font-size: 16px;
  line-height: 1.4;
  text-decoration: none;
  transition: border-color 0.2s ease;
}

.featured-article:hover,
.featured-article:focus-visible {
  border-color: var(--eg-border-hover);
  border-left-color: var(--eg-pink);
  color: var(--eg-text);
  text-decoration: none;
}

.featured-article-label {
  flex-shrink: 0;
  padding: 3px 10px;
  border-radius: 999px;
  background: var(--eg-pink);
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}

.featured-article-title {
  font-weight: 700;
}

.featured-article-text {
  flex: 1;
  color: var(--eg-muted);
}

.featured-article-more {
  margin-left: auto;
  flex-shrink: 0;
  color: var(--eg-pink);
  font-weight: 700;
}

.featured-article-more::after {
  content: " \2192" / "";
}

@media (max-width: 768px) {
  .featured-article {
    flex-wrap: wrap;
    gap: 8px 12px;
    margin-bottom: 32px;
  }

  .featured-article-title,
  .featured-article-text {
    flex-basis: 100%;
    order: 1;
  }

  .featured-article-more {
    order: 2;
  }
}

/* ---------- Category tiles (home page) ---------- */

.collection-category h2 {
  margin: 0 0 20px;
  padding: 0;
  text-align: left;
  font-family: var(--eg-font-heading);
  font-size: 24px;
  font-weight: 700;
}

.collection-category h2 a,
.collection-category h2 a:hover {
  border: none;
  color: var(--eg-text);
  text-decoration: none;
}

.collection-category .category-list {
  margin-bottom: 40px;
}

.category-list {
  display: grid;
  /* At most four columns, fewer once a tile would drop below 220px. */
  grid-template-columns: repeat(auto-fill, minmax(max(220px, calc((100% - 60px) / 4)), 1fr));
  gap: 20px;
}

/* The base theme paints the tile's background on hover too. */
.category-list .category,
.category-list .category:hover {
  background: #fff;
}

.category-list .category {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;
  box-sizing: border-box;
  width: auto;
  min-height: 0;
  margin: 0;
  padding: 14px 16px 14px 76px;
  border: 1px solid var(--eg-border);
  border-radius: var(--eg-radius);
  box-shadow: var(--eg-shadow);
  text-align: left;
  transition: transform 0.2s ease, border-color 0.2s ease;
}

/* The category's icon (--eg-tile-icon, set per #category-<id> below) on a
   rounded square in its collection's colour. */
.category-list .category::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 16px;
  width: 44px;
  height: 44px;
  margin-top: -22px;
  border-radius: 12px;
  background: var(--eg-tile-tint) var(--eg-tile-icon) center / 26px 26px no-repeat;
  transition: background-size 0.2s ease;
}

/* The base theme sizes tiles of a .two-col list with a more specific selector. */
.category-list.two-col .category {
  width: auto;
  margin: 0;
}

.category-list .category:hover,
.category-list .category:focus-visible {
  border-color: var(--eg-border-hover);
  text-decoration: none;
}

@media (min-width: 769px) {
  .category-list .category:hover::before,
  .category-list .category:focus-visible::before {
    background-size: 29px 29px;
  }
}

.category-list .category h3 {
  margin: 0;
  overflow: visible;
  white-space: normal;
  color: var(--eg-text);
  font-size: 16px;
  font-weight: 700;
  line-height: 1.3;
}

.category-list .category p:empty {
  display: none;
}

.category-list .category .article-count,
.category-list .category:hover .article-count {
  display: block;
  margin: 0;
  padding: 0;
  color: var(--eg-muted);
  font-size: 13px;
  line-height: 1.5;
}

/* ---------- Layout: content card and sidebar ---------- */

.container-fluid {
  max-width: 1200px;
}

@media (min-width: 769px) {
  .container-fluid {
    padding-right: 24px;
    padding-left: 24px;
  }
}

@media (min-width: 769px) and (max-width: 1199px) {
  .navbar .nav > li > a {
    padding-right: 9px;
    padding-left: 9px;
    font-size: 14px;
  }
}

/* Below 980px the menu no longer fits beside the logo, so it gets its own row. */
@media (min-width: 769px) and (max-width: 979px) {
  .navbar .nav {
    position: static;
    float: none;
    clear: both;
    padding-bottom: 12px;
    text-align: right;
  }

  #mainNav .site-tools {
    bottom: 24px;
  }
}

#contentArea {
  padding-bottom: 32px;
}

#main-content {
  padding-top: 32px;
  background: none;
}

.contentWrapper {
  box-sizing: border-box;
  min-height: 0;
  padding: 48px;
  border: 1px solid var(--eg-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--eg-shadow);
}

#sidebar {
  padding-top: 32px;
}

#sidebar h3 {
  margin: 0 0 8px;
  padding: 0 12px;
  color: var(--eg-subtle);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#sidebar .nav-list li {
  margin: 0;
}

#sidebar .nav-list a {
  display: block;
  padding: 8px 12px;
  border-radius: 10px;
  color: var(--eg-muted);
  font-size: 15px;
  line-height: 1.4;
  transition: background 0.15s ease, color 0.15s ease;
}

#sidebar .nav-list a:hover,
#sidebar .nav-list a:focus {
  background: var(--eg-surface-hover);
  color: var(--eg-text);
}

#sidebar .nav-list .active a,
#sidebar .nav-list .active a:hover,
#sidebar .nav-list .active a:focus {
  background: var(--eg-surface-active);
  color: var(--eg-text);
  font-weight: 700;
}

#sidebar .nav-list .icon-arrow,
#sidebar .nav-list .active a .icon-arrow {
  display: none;
}

#searchBar.sm {
  margin-bottom: 28px;
}

#searchBar.sm .search-query {
  height: 44px;
  padding: 0 44px 0 14px;
  border: 1px solid var(--eg-border);
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(16, 24, 40, 0.04);
  font-family: var(--eg-font);
  font-size: 15px;
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}

#searchBar.sm .search-query:focus {
  border-color: var(--eg-pink);
  box-shadow: 0 0 0 3px rgba(239, 71, 111, 0.18);
  outline: none;
}

#searchBar.sm button,
#searchBar.sm button:hover {
  top: 0;
  right: 0;
  width: 44px;
  height: 44px;
  padding: 0;
  border: none;
  background: transparent;
  color: var(--eg-subtle);
}

/* ---------- Article ---------- */

#fullArticle,
#fullArticle p,
#fullArticle ul,
#fullArticle ol,
#fullArticle li,
#fullArticle div,
#fullArticle blockquote,
#fullArticle dd,
#fullArticle table {
  color: var(--eg-text);
  font-size: 16px;
  line-height: 1.7;
}

#fullArticle p {
  margin: 0 0 1.25em;
}

#fullArticle ul,
#fullArticle ol {
  margin: 0 0 1.5em 1.5em;
}

#fullArticle li {
  margin-bottom: 0.4em;
}

#fullArticle li > ul,
#fullArticle li > ol {
  margin-top: 0.4em;
  margin-bottom: 0.4em;
}

#fullArticle .title {
  margin: 0 0 16px;
  color: var(--eg-text);
  font-family: var(--eg-font-heading);
  font-size: 30px;
  line-height: 1.2;
  letter-spacing: -0.015em;
}

#fullArticle .printArticle + p {
  color: var(--eg-muted);
  font-size: 18px;
  line-height: 1.65;
}

/* The browser's print command is enough; the icon sat loose above the card's corner. */
#fullArticle .printArticle {
  display: none;
}

#fullArticle h2 {
  margin: 56px 0 16px;
  font-size: 28px;
  line-height: 1.3;
}

#fullArticle h3 {
  margin: 48px 0 12px;
  padding-top: 32px;
  border-top: 1px solid var(--eg-border);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.35;
}

#fullArticle .index + h3,
#fullArticle .index + h3:empty + h3 {
  margin-top: 32px;
}

/* The editor leaves empty headings behind; each would draw a divider. */
#fullArticle h2:empty,
#fullArticle h3:empty,
#fullArticle h4:empty,
#fullArticle h5:empty {
  display: none;
}

#fullArticle h4 {
  margin: 32px 0 8px;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.4;
}

#fullArticle h5 {
  margin: 24px 0 8px;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

#fullArticle h3 + h4 {
  margin-top: 16px;
}

#fullArticle a {
  color: var(--eg-blue);
  text-decoration: underline;
  text-decoration-color: rgba(17, 138, 178, 0.35);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
  transition: color 0.15s ease, text-decoration-color 0.15s ease;
}

#fullArticle a:hover {
  color: var(--eg-pink);
  text-decoration-color: currentColor;
}

#fullArticle strong {
  color: var(--eg-text);
  font-weight: 700;
}

.anchorjs-link,
#fullArticle a.anchorjs-link {
  color: var(--eg-icon);
  text-decoration: none;
}

#fullArticle a.anchorjs-link:hover {
  color: var(--eg-pink);
}

#fullArticle img {
  max-width: 100%;
  height: auto;
  margin: 1.5em 0 2em;
  padding: 0;
  border: 1px solid var(--eg-border);
  border-radius: 12px;
  box-shadow: 0 4px 16px rgba(16, 24, 40, 0.08);
}

#fullArticle img.noBdr {
  border: 0;
  border-radius: 0;
  box-shadow: none;
}

#fullArticle hr {
  margin: 40px 0;
  border: 0;
  border-top: 1px solid var(--eg-border);
}

#fullArticle blockquote {
  margin: 0 0 1.5em;
  padding: 4px 0 4px 20px;
  border-left: 3px solid var(--eg-border);
  color: var(--eg-muted);
}

#fullArticle code {
  padding: 2px 6px;
  border: 1px solid var(--eg-border);
  border-radius: 6px;
  background: var(--eg-surface);
  color: var(--eg-navy);
  font-family: var(--eg-font-mono);
  font-size: 0.875em;
  line-height: 1.4;
}

#fullArticle pre {
  overflow-x: auto;
  margin: 0 0 1.5em;
  padding: 16px 20px;
  border: 0;
  border-radius: 12px;
  background: var(--eg-navy);
  color: #e8eaf2;
  font-family: var(--eg-font-mono);
  font-size: 14px;
  line-height: 1.6;
}

#fullArticle pre code {
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  font-size: inherit;
  white-space: pre;
}

#fullArticle iframe {
  max-width: 100%;
  border: 0;
  border-radius: 12px;
}

/* "In diesem Artikel" table of contents */
#fullArticle .index {
  margin: 0 0 40px;
  padding: 20px 24px;
  border: 1px solid var(--eg-border);
  border-radius: var(--eg-radius);
  background: var(--eg-surface);
}

#fullArticle .index h4 {
  margin: 0 0 10px;
  padding: 0;
  color: var(--eg-subtle);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

#fullArticle .index ul {
  margin: 0;
  list-style: none;
}

#fullArticle .index li {
  margin: 0;
  line-height: 1.5;
}

#fullArticle .index li ul {
  margin: 2px 0 6px 6px;
  padding-left: 14px;
  border-left: 2px solid var(--eg-border);
}

#fullArticle .index a {
  display: inline-block;
  padding: 3px 0;
  color: var(--eg-text);
  font-size: 15px;
  text-decoration: none;
}

#fullArticle .index li li a {
  color: var(--eg-muted);
  font-size: 14px;
}

#fullArticle .index a:hover {
  color: var(--eg-pink);
}

/* Callouts: note (blue), caution (yellow), restriction (red), tip (green) */
#fullArticle .callout,
#fullArticle .callout-blue,
#fullArticle .callout-yellow,
#fullArticle .callout-red,
#fullArticle .callout-green {
  position: relative;
  margin: 0 0 1.75em;
  padding: 16px 20px 16px 56px;
  border: 1px solid;
  border-left-width: 4px;
  border-radius: 12px;
  color: var(--eg-text);
  font-size: 15px;
}

#fullArticle .callout::before,
#fullArticle .callout-blue::before,
#fullArticle .callout-yellow::before,
#fullArticle .callout-red::before,
#fullArticle .callout-green::before {
  content: "";
  position: absolute;
  top: 17px;
  left: 20px;
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
  background-size: 22px 22px;
}

#fullArticle .callout p,
#fullArticle .callout-blue p,
#fullArticle .callout-yellow p,
#fullArticle .callout-red p,
#fullArticle .callout-green p,
#fullArticle .callout li,
#fullArticle .callout-blue li,
#fullArticle .callout-yellow li,
#fullArticle .callout-red li,
#fullArticle .callout-green li {
  margin-bottom: 0.4em;
  font-size: 15px;
  line-height: 1.6;
}

#fullArticle .callout ul,
#fullArticle .callout-blue ul,
#fullArticle .callout-yellow ul,
#fullArticle .callout-red ul,
#fullArticle .callout-green ul {
  margin: 0 0 0 1.25em;
}

#fullArticle .callout > :last-child,
#fullArticle .callout-blue > :last-child,
#fullArticle .callout-yellow > :last-child,
#fullArticle .callout-red > :last-child,
#fullArticle .callout-green > :last-child,
#fullArticle .callout > :last-child > li:last-child,
#fullArticle .callout-blue > :last-child > li:last-child,
#fullArticle .callout-yellow > :last-child > li:last-child,
#fullArticle .callout-red > :last-child > li:last-child,
#fullArticle .callout-green > :last-child > li:last-child {
  margin-bottom: 0;
}

#fullArticle .callout h3,
#fullArticle .callout-blue h3,
#fullArticle .callout-yellow h3,
#fullArticle .callout-red h3,
#fullArticle .callout-green h3,
#fullArticle .callout h5,
#fullArticle .callout-blue h5,
#fullArticle .callout-yellow h5,
#fullArticle .callout-red h5,
#fullArticle .callout-green h5 {
  margin: 0 0 6px;
  padding: 0;
  border: 0;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
}

#fullArticle .callout-blue {
  background: #ebf6fa;
  border-color: rgba(17, 138, 178, 0.25);
  border-left-color: var(--eg-blue);
}

#fullArticle .callout-blue::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23118ab2'/%3E%3Cpath d='M12 10.5v6' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7.25' r='1.4' fill='%23fff'/%3E%3C/svg%3E");
}

#fullArticle .callout-yellow {
  background: #fff8e6;
  border-color: rgba(230, 168, 23, 0.3);
  border-left-color: #e6a817;
}

#fullArticle .callout-yellow::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M10.3 2.9a2 2 0 0 1 3.4 0l9 15.6A2 2 0 0 1 21 21.5H3a2 2 0 0 1-1.7-3z' fill='%23e6a817'/%3E%3Cpath d='M12 8.5v5.5' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='17.25' r='1.4' fill='%23fff'/%3E%3C/svg%3E");
}

#fullArticle .callout-red {
  background: #fdeef2;
  border-color: rgba(239, 71, 111, 0.25);
  border-left-color: var(--eg-pink);
}

#fullArticle .callout-red::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%23ef476f'/%3E%3Cpath d='M12 6.75v6.5' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='16.9' r='1.4' fill='%23fff'/%3E%3C/svg%3E");
}

#fullArticle .callout-green {
  background: #e9f8f2;
  border-color: rgba(6, 167, 125, 0.25);
  border-left-color: var(--eg-green);
}

#fullArticle .callout-green::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%2306a77d'/%3E%3Cpath d='M7.5 12.3l3 3 6-6.3' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

#fullArticle .callout {
  background: var(--eg-surface);
  border-color: var(--eg-border);
  border-left-color: var(--eg-subtle);
}

#fullArticle .callout::before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='11' fill='%238a8fa3'/%3E%3Cpath d='M12 10.5v6' stroke='%23fff' stroke-width='2.2' stroke-linecap='round'/%3E%3Ccircle cx='12' cy='7.25' r='1.4' fill='%23fff'/%3E%3C/svg%3E");
}

#fullArticle .dashed {
  border-style: dashed;
  border-left-style: solid;
}

/* Numbered steps: the editor writes <dl><dt>1</dt><dd>…</dd></dl> */
#fullArticle dl {
  margin: 0 0 1.5em;
}

#fullArticle dt {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  min-width: 32px;
  height: 32px;
  margin: 0;
  padding: 0 8px;
  border-radius: 999px;
  background: var(--eg-yellow);
  color: var(--eg-navy);
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
}

#fullArticle dd {
  margin: 0 0 8px 48px;
  padding-top: 3px;
}

#fullArticle dd > :first-child {
  margin-top: 0;
}

#fullArticle dd img {
  margin-top: 0.75em;
}

/* Tables */
#fullArticle table {
  width: 100%;
  margin: 0 0 1.75em;
  overflow: hidden;
  border: 1px solid var(--eg-border);
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 12px;
  font-size: 15px;
}

#fullArticle table td,
#fullArticle table th {
  padding: 12px 16px;
  border-top: 1px solid var(--eg-border);
  font-size: 15px;
  line-height: 1.55;
  text-align: left;
  vertical-align: top;
}

#fullArticle table tr:first-child > td,
#fullArticle table tr:first-child > th {
  border-top: 0;
}

#fullArticle table thead td,
#fullArticle table thead th,
#fullArticle table th {
  background: var(--eg-surface);
  color: var(--eg-text);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

#fullArticle table thead + tbody tr:first-child > td {
  border-top: 1px solid var(--eg-border);
}

#fullArticle table img {
  margin: 0;
}

/* ---------- Article footer ---------- */

.articleRatings {
  margin-top: 48px;
  padding: 16px 20px;
  border: 1px solid var(--eg-border);
  border-radius: var(--eg-radius);
  background: var(--eg-surface);
  box-shadow: none;
  color: var(--eg-text);
  font-size: 15px;
}

.articleRatings .rateAction {
  border-radius: 999px;
  transition: transform 0.15s ease;
}

/* flow-root keeps the base theme's floated date inside the card. */
.articleFoot {
  display: flow-root;
  margin-top: 20px;
}

.articleFoot p,
.articleFoot time,
.articleFoot time.lu {
  float: none;
  display: block;
  margin: 0;
  color: var(--eg-subtle);
  font-family: var(--eg-font);
  font-size: 13px;
  font-style: normal;
  text-align: right;
}

.related {
  margin-top: 24px;
  padding: 24px 28px;
  border: 1px solid var(--eg-border);
  border-radius: 18px;
  background: #fff;
  box-shadow: var(--eg-shadow);
}

.related h3 {
  margin: 0 0 8px;
  padding: 0;
  color: var(--eg-subtle);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
}

.related ul {
  margin: 0;
  padding: 0;
}

.related ul > li {
  padding: 4px 0;
}

.related ul > li a {
  margin-left: 0;
  font-size: 16px;
}

/* ---------- Category, collection and search result lists ---------- */

#categoryHead h1,
.contentWrapper > h1,
#serp h1 {
  margin: 0 0 8px;
  color: var(--eg-text);
  font-family: var(--eg-font-heading);
  font-size: 30px;
  line-height: 1.25;
}

#categoryHead {
  margin-bottom: 24px;
}

#categoryHead .descrip {
  color: var(--eg-muted);
  font-size: 16px;
}

#categoryHead .descrip:empty {
  display: none;
}

#categoryHead .sort {
  top: 4px;
}

#categoryHead .sort select {
  width: auto;
  height: 36px;
  padding: 0 32px 0 12px;
  border: 1px solid var(--eg-border);
  border-radius: 10px;
  background: #fff;
  color: var(--eg-muted);
  font-family: var(--eg-font);
  font-size: 13px;
  line-height: 36px;
}

.contentWrapper > h1 + .articleList {
  margin-top: 24px;
}

.articleList {
  margin: 0 0 24px;
  padding: 0;
  list-style: none;
}

.articleList > li {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #eef0f5;
}

.articleList > li:last-child {
  border-bottom: 0;
}

.articleList > li > a {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 3px 0;
  padding: 11px 12px;
  border-radius: 10px;
  color: var(--eg-text);
  font-size: 16px;
  line-height: 1.45;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
}

.articleList > li > a:hover,
.articleList > li > a:focus {
  background: var(--eg-surface);
  color: var(--eg-pink);
}

.articleList a:hover span {
  text-decoration: none;
}

/* The base theme's icon font glyph is replaced by a line icon that takes the
   link colour, so it turns pink with the text on hover. */
.icon-article-doc {
  display: inline-block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 0 8px 0 0;
  background: currentColor;
  color: var(--eg-icon);
  vertical-align: -5px;
  transition: color 0.15s ease;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 3H7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 3v5h5M9 13h6M9 17h4'/%3E%3C/svg%3E") center / 20px 20px no-repeat;
}

.icon-article-doc::before {
  content: none;
}

.articleList .icon-article-doc {
  margin: 0;
}

.articleList > li > a:hover .icon-article-doc,
.articleList > li > a:focus .icon-article-doc,
.related ul > li a:hover .icon-article-doc {
  color: var(--eg-pink);
}

#serp .articlesFound {
  margin: 0 0 16px;
  color: var(--eg-muted);
}

#serp .articleList > li {
  padding: 4px 0 12px;
}

#serp .articleList > li > a {
  display: flex;
  padding-bottom: 4px;
  font-weight: 700;
}

#serp .articleList > li > p {
  margin: 0;
  padding: 0 12px 0 44px;
  color: var(--eg-muted);
  font-size: 14px;
  line-height: 1.6;
}

.pagination ul > li > a,
.pagination ul > li > span,
.pagination ul > li:first-child > a,
.pagination ul > li:last-child > a {
  min-width: 36px;
  margin-right: 6px;
  padding: 0 12px;
  box-sizing: border-box;
  border: 1px solid var(--eg-border);
  border-radius: 10px;
  background: #fff;
  color: var(--eg-muted);
  line-height: 34px;
  text-align: center;
}

.pagination ul > li > a:hover {
  border-color: var(--eg-pink);
  background: #fff;
  color: var(--eg-pink);
}

.pagination ul > li.active > a,
.pagination ul > li.active > a:hover {
  border-color: var(--eg-navy);
  background: var(--eg-navy);
  color: #fff;
}

#noResults {
  color: var(--eg-muted);
}

/* ---------- Page footer ---------- */

footer {
  border: 0;
  background: transparent;
  box-shadow: none;
}

footer p,
footer p a {
  color: var(--eg-subtle);
  font-size: 13px;
}

/* ---------- Small screens ---------- */

@media (max-width: 768px) {
  /* The pill and the contact button take the first row, the logo the second. */
  .navbar .brand {
    padding-top: 50px;
    padding-bottom: 6px;
  }

  .navbar .brand img {
    width: 159px;
    height: 56px;
    padding: 13px 16px;
  }

  #mainNav .site-tools {
    top: 10px;
    right: 58px;
    bottom: auto;
    gap: 8px;
  }


  #docsSearch {
    margin-bottom: 32px;
    padding: 40px 16px 48px;
  }

  #docsSearch h1 {
    font-size: 28px;
  }

  #docsSearch #searchBar .search-query {
    height: 52px;
    padding-right: 56px;
    font-size: 16px;
  }

  #docsSearch #searchBar button {
    top: 28px;
    right: 6px;
    width: 44px;
    padding: 0;
  }

  #docsSearch #searchBar button span {
    display: none;
  }

  #docsSearch #searchBar button .icon-search {
    display: inline-block;
    color: #fff;
  }

  .collection-category h2 {
    font-size: 20px;
  }

  .category-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
  }

  .category-list .category {
    padding: 12px 12px 12px 66px;
  }

  .category-list .category::before {
    left: 12px;
    width: 42px;
    height: 42px;
    margin-top: -21px;
    background-size: 24px 24px;
  }

  .category-list .category h3 {
    font-size: 15px;
  }

  #main-content,
  #sidebar {
    padding-top: 16px;
  }

  #main-content .contentWrapper,
  .contentWrapper {
    padding: 28px 20px;
    border: solid var(--eg-border);
    border-width: 1px 0;
    border-radius: 0;
    box-shadow: none;
  }

  #fullArticle .title {
    margin-right: 0;
    font-size: 24px;
  }

  #fullArticle .printArticle + p {
    font-size: 17px;
  }

  #fullArticle h3 {
    margin-top: 40px;
    padding-top: 24px;
    font-size: 21px;
  }

  #fullArticle h4 {
    font-size: 18px;
  }

  #fullArticle .index {
    padding: 16px 18px;
  }

  #fullArticle .callout,
  #fullArticle .callout-blue,
  #fullArticle .callout-yellow,
  #fullArticle .callout-red,
  #fullArticle .callout-green {
    padding: 14px 16px 14px 48px;
  }

  #fullArticle .callout::before,
  #fullArticle .callout-blue::before,
  #fullArticle .callout-yellow::before,
  #fullArticle .callout-red::before,
  #fullArticle .callout-green::before {
    top: 15px;
    left: 16px;
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
  }

  #fullArticle dd {
    margin-left: 44px;
  }

  #fullArticle table {
    display: block;
    overflow-x: auto;
  }

  #categoryHead h1,
  .contentWrapper > h1,
  #serp h1 {
    font-size: 24px;
  }
}

@media (max-width: 480px) {
  .category-list {
    grid-template-columns: minmax(0, 1fr);
  }

  .category-list .category {
    padding-left: 72px;
  }

  .category-list .category::before {
    left: 16px;
  }
}

@media print {
  body {
    background: #fff;
  }

  .contentWrapper {
    padding: 0;
    border: 0;
    box-shadow: none;
  }
}

/* ---------- Category icons ---------- */

/* Line icons from the e-guma website's icon set, one per category tile. Ticket
   tiles are pink and the product shop tile is green, like the previous icons. */

/* Gutscheinsystem: Marketing (DE 32, EN 785, FR 604) */
#category-32,
#category-604,
#category-785 {
  --eg-tile-tint: var(--eg-tile-red-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e94870' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 38v18H10V38m10-20v20m36-4a6 6 0 0 0 0-12'/%3E%3Cpath d='M22 38H8a6 6 0 0 1-6-6v-8a6 6 0 0 1 6-6h18A55 55 0 0 0 56 8v40a50.4 50.4 0 0 0-30-10h-4Z'/%3E%3C/svg%3E");
}

/* Gutscheinsystem: Buchhaltung & Rechtliches (DE 39, EN 800, FR 603) */
#category-39,
#category-603,
#category-800 {
  --eg-tile-tint: var(--eg-tile-red-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e94870' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M56.3 17.4h2.9c.7 0 1.2.5 1.2 1.2v34.2c0 .7-.5 1.2-1.2 1.2H4.7c-.7 0-1.2-.5-1.2-1.2V18.6c0-.7.5-1.2 1.2-1.2h2.5'/%3E%3Cpath d='M31.4 52.5c-10-9.7-24.3-1.2-24.3-1.2V17.7s14.4-9.6 24.3 0v34.7Zm.5-34.8-.1 34.8m11.9-4.7c6.8 0 12.6 3.5 12.6 3.5V17.7s-1.8-1.2-4.7-2.3'/%3E%3Cpath d='m31.9 17.9 19.6-7.3v33.7l-20.2 8.2M12.4 23.8s9-4.2 14.6-.9m-14.6 6.8s9-4.2 14.6-.9m-14.6 6.9s9-4.2 14.6-.9m-14.6 6.9s9-4.2 14.6-.9m9.5-18.1 9.6-3.3'/%3E%3C/svg%3E");
}

/* Gutscheinsystem: Gutscheine verwalten (DE 46, EN 797, FR 600) */
#category-46,
#category-600,
#category-797 {
  --eg-tile-tint: var(--eg-tile-red-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e94870' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 56a3 3 0 0 1-3-3V8h18v4h34v8'/%3E%3Cpath d='M7 56a3 3 0 0 0 3-3V20h52v33a3 3 0 0 1-3 3H5'/%3E%3C/svg%3E");
}

/* Gutscheinsystem: Gutscheine einlösen (DE 47, EN 798, FR 601) */
#category-47,
#category-601,
#category-798 {
  --eg-tile-tint: var(--eg-tile-red-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e94870' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='14' cy='26' r='4'/%3E%3Cpath d='M17.6 27.8 36 36'/%3E%3Ccircle cx='36' cy='36' r='2'/%3E%3Cpath d='m37 22.6 4.2-6.6m-2.9-1.8 5.7 3.5m1.4 11.7L52 24m-2.3-2.7 4.6 5.4m-3.1 12 6.4-2.4m-1.1-3.1 2.2 6.2'/%3E%3Cpath d='M59 46h-5.6A34 34 0 0 0 32 20.2V5a3 3 0 0 0-3-3H5a3 3 0 0 0-3 3v54a3 3 0 0 0 3 3h54a3 3 0 0 0 3-3V49a3 3 0 0 0-3-3zm-5.6 0H2'/%3E%3C/svg%3E");
}

/* Gutscheinsystem: Gutscheine ausstellen (DE 48, EN 795, FR 598) */
#category-48,
#category-598,
#category-795 {
  --eg-tile-tint: var(--eg-tile-red-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e94870' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m54.368 17.674 6.275-6.267-8.026-8.025-6.274 6.267M9.74 46.211l8.026 8.025m0 0 36.602-36.562-8.025-8.025L9.74 46.211 3.357 60.618l14.409-6.382Z'/%3E%3C/svg%3E");
}

/* Gutscheinsystem: Gruppen (DE 90, EN 802, FR 606) */
#category-90,
#category-606,
#category-802 {
  --eg-tile-tint: var(--eg-tile-red-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e94870' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M50 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm-6 26v13a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V41h3a3 3 0 0 0 3-3V24a3 3 0 0 0-3-3H41a3 3 0 0 0-3 3v1M14 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm12 9a3 3 0 0 0-3-3H5a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h3v13a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V41m12-22a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z'/%3E%3Cpath d='M41 25H23a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h3v13a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V45h3a3 3 0 0 0 3-3V28a3 3 0 0 0-3-3Z'/%3E%3C/svg%3E");
}

/* Gutscheinsystem: Organisationen (DE 91, EN 365, FR 363) */
#category-91,
#category-363,
#category-365 {
  --eg-tile-tint: var(--eg-tile-red-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e94870' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m46.025 33.56 5.427 5.431a4 4 0 0 0 5.657-5.656L43.68 19.9c-2.441-2.44-5.137-2.672-8.016.208l-.838.828a4 4 0 0 1-5.655-5.656L32 12.455C35.266 9.185 37.124 8 39.873 8h4.34L62 25.776l-6.23 6.23'/%3E%3Cpath d='m46.014 33.559 6.844 6.841a4.001 4.001 0 1 1-5.658 5.66l-6.239-6.242'/%3E%3Cpath d='m40.962 39.818 4.825 4.827a4 4 0 0 1-5.652 5.655l-2.827-2.828'/%3E%3Cpath d='M8.45 32.007 2 25.556 18.021 9.531s2.132 2.482 3.924 2.482c2.174 0 2.706-.706 4-2 2.124-2.126 5.32-2.063 8 .613m3.671 37.154 1.39 1.393a4 4 0 0 1-5.653 5.657l-1.39-1.394 5.653-5.656Z'/%3E%3Cpath d='M15.6 36.163a4.001 4.001 0 1 0-5.653-5.655l-2.825 2.827a4 4 0 0 0 5.655 5.656l2.823-2.828Z'/%3E%3Cpath d='M21.258 41.818a4 4 0 0 0-5.658-5.656L11.362 40.4a4 4 0 0 0 5.655 5.656l4.241-4.238Zm5.653 5.656a4 4 0 0 0-5.653-5.656l-2.827 2.827a4 4 0 0 0 5.655 5.655l2.825-2.826Z'/%3E%3Cpath d='M32.258 53.436A4 4 0 0 0 26.6 47.78l-1.392 1.393a4 4 0 0 0 5.655 5.657l1.395-1.394Z'/%3E%3C/svg%3E");
}

/* Ticketsystem: Überblick (DE 124, EN 451, FR 734) */
#category-124,
#category-451,
#category-734 {
  --eg-tile-tint: var(--eg-tile-amber-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d78f00' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28 42V16.5A7.5 7.5 0 0 0 20.5 9a7.7 7.7 0 0 0-6.7 4.1l-.3.6L3 37m33 5V16.5A7.5 7.5 0 0 1 43.5 9a7.7 7.7 0 0 1 6.7 4.1l.3.6L61 37M28 17.8a10 10 0 0 1 7.9 0m-7.9 12a10 10 0 0 1 7.9 0'/%3E%3Ccircle cx='15' cy='42' r='13'/%3E%3Cpath d='M22 42a7 7 0 0 1-7 7m41-7a7 7 0 0 1-7 7'/%3E%3Ccircle cx='49' cy='42' r='13'/%3E%3C/svg%3E");
}

/* e-surprise: Überblick (DE 1481, EN 1493, FR 1486) */
#category-1481,
#category-1486,
#category-1493 {
  --eg-tile-tint: var(--eg-tile-teal-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%231a9c91' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28 42V16.5A7.5 7.5 0 0 0 20.5 9a7.7 7.7 0 0 0-6.7 4.1l-.3.6L3 37m33 5V16.5A7.5 7.5 0 0 1 43.5 9a7.7 7.7 0 0 1 6.7 4.1l.3.6L61 37M28 17.8a10 10 0 0 1 7.9 0m-7.9 12a10 10 0 0 1 7.9 0'/%3E%3Ccircle cx='15' cy='42' r='13'/%3E%3Cpath d='M22 42a7 7 0 0 1-7 7m41-7a7 7 0 0 1-7 7'/%3E%3Ccircle cx='49' cy='42' r='13'/%3E%3C/svg%3E");
}

/* Ticketsystem: Ticketverkauf (DE 125, EN 452, FR 736) */
#category-125,
#category-452,
#category-736 {
  --eg-tile-tint: var(--eg-tile-amber-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d78f00' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M49 2H39a3 3 0 0 0-3 3v2a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V5a3 3 0 0 0-3-3Zm-5 8v8M2 50l6-18M2 50h60M2 50v12h60V50M8 32h48M8 32V22a4 4 0 0 1 4-4h4m40 14 6 18m-6-18V22a4 4 0 0 0-4-4H28'/%3E%3Cpath d='M36 26h12M16 10h12v14H16V10Zm24 28h4m-29 6h4-4Zm10 0h4-4Zm10 0h4-4Zm10 0h4-4Zm-25-6h4-4Zm10 0h4-4Zm2 19a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z'/%3E%3C/svg%3E");
}

/* Ticketsystem: Demoshop testen (DE 128, EN 459, FR 743) */
#category-128,
#category-459,
#category-743 {
  --eg-tile-tint: var(--eg-tile-amber-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d78f00' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M36 36h12v22H36z'/%3E%3Cpath d='M56 30v28H8V30'/%3E%3Cpath d='M16 36h14v12H16z'/%3E%3Cpath d='M52.6 6H11.4L2 22.5a7.5 7.5 0 0 0 15 0 7.5 7.5 0 0 0 15 0 7.5 7.5 0 0 0 15 0 7.5 7.5 0 0 0 15 0zM2 22h60M32 6v16.5m-15 0L22 6m25 16.5L42 6'/%3E%3C/svg%3E");
}

/* e-surprise: Gutscheine einlösen (DE 1482, EN 1494, FR 1487) */
#category-1482,
#category-1487,
#category-1494 {
  --eg-tile-tint: var(--eg-tile-teal-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%231a9c91' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M36 36h12v22H36z'/%3E%3Cpath d='M56 30v28H8V30'/%3E%3Cpath d='M16 36h14v12H16z'/%3E%3Cpath d='M52.6 6H11.4L2 22.5a7.5 7.5 0 0 0 15 0 7.5 7.5 0 0 0 15 0 7.5 7.5 0 0 0 15 0 7.5 7.5 0 0 0 15 0zM2 22h60M32 6v16.5m-15 0L22 6m25 16.5L42 6'/%3E%3C/svg%3E");
}

/* Allgemeines: Einstellungen (DE 155, EN 489, FR 522) */
#category-155,
#category-489,
#category-522 {
  --eg-tile-tint: var(--eg-tile-blue-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23168bb3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M59 8H15m11.999 24H7m52 0H38.999M49 56H7m2-42A6 6 0 1 0 9 2a6 6 0 0 0 0 12Zm46 48a6 6 0 1 0 0-12 6 6 0 0 0 0 12ZM33 38a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z'/%3E%3C/svg%3E");
}

/* Allgemeines: Services (DE 156, EN 488, FR 574) */
#category-156,
#category-488,
#category-574 {
  --eg-tile-tint: var(--eg-tile-blue-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23168bb3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 20h-5a3.3 3.3 0 0 0-3 3v7a3.3 3.3 0 0 0 3 3h6.2M46 33h5a3.3 3.3 0 0 0 3-3v-7a3.3 3.3 0 0 0-3-3h-5v13Z'/%3E%3Cpath d='M25.4 42.3C20.7 39.4 17 33.2 17 26V16C17 5.6 24.8 2 31.4 2 38 2 46 5.6 46 16v16c0 4-4 7-7 7'/%3E%3Cpath d='M24 41.3V44c0 2 .4 5-10.6 7A14.2 14.2 0 0 0 2 62h59a14.6 14.6 0 0 0-11.6-11C38.7 49 39 46 39 44v-5'/%3E%3Cpath d='M39 39a3 3 0 0 0-3-3h-2a3 3 0 0 0 0 6h2a3 3 0 0 0 3-3Zm-17.6 9.5 10 12.5 10.2-12.5M17 18c12 0 12-8 20-8s9 7 9 7'/%3E%3C/svg%3E");
}

/* Allgemeines: Onlineshop (DE 188, EN 490, FR 573) */
#category-188,
#category-490,
#category-573 {
  --eg-tile-tint: var(--eg-tile-blue-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23168bb3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M46 23.5v-10h12v10m-40 0 10-10 10 10H18Z'/%3E%3Cpath d='m36 21.5 7-17 7 3-2.4 6m-1.6 4-2.4 6'/%3E%3Cpath d='M2 7.5h10l10 40h32l8-24H16m8 36a4 4 0 1 0 0-8 4 4 0 0 0 0 8Zm26 0a4 4 0 1 0 0-8 4 4 0 0 0 0 8Z'/%3E%3C/svg%3E");
}

/* Gutscheinsystem: Gutscheinangebot (DE 226, EN 794, FR 597) */
#category-226,
#category-597,
#category-794 {
  --eg-tile-tint: var(--eg-tile-red-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e94870' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 19h52v10H6z'/%3E%3Cpath d='M10 29v30a3 3 0 0 0 3 3h38a3 3 0 0 0 3-3V29'/%3E%3Cpath d='M27 19v43m10-43v43'/%3E%3Cpath d='M32 19c-6-11-15-14-17-9s5 9 17 9Zm0 0c6-11 15-14 17-9s-5 9-17 9Z'/%3E%3C/svg%3E");
}

/* Allgemeines: Kommissionen (DE 231, EN 493, FR 570) */
#category-231,
#category-493,
#category-570 {
  --eg-tile-tint: var(--eg-tile-blue-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23168bb3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 40v12L22 62m10-10 10 10M2 40h60M6 40V2h52v38'/%3E%3Cpath d='M6 22h10l6-6 6 12 6-8 4 4 10-12'/%3E%3C/svg%3E");
}

/* Gutscheinsystem: Integrationen (DE 272, EN 792, FR 595) */
#category-272,
#category-595,
#category-792 {
  --eg-tile-tint: var(--eg-tile-red-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e94870' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M51.2 21.2c-2.9-2.9.5-5.4 2.5-5.4a6 6 0 1 0-5.7-5.7c0 2-2.5 5.4-5.4 2.5L32 2 21.4 12.6c-2.9 2.9.5 5.4 2.5 5.4a6.1 6.1 0 1 1-5.7 5.7c0-2-2.5-5.4-5.4-2.5L2 32l10.8 10.8c2.9 2.9-.5 5.4-2.5 5.4a6.1 6.1 0 1 0 3.9 10.3 6 6 0 0 0 1.8-4.6c0-2 2.5-5.4 5.4-2.5L32 62l10.8-10.8c2.9-2.9-.5-5.4-2.5-5.4a6 6 0 1 1 5.7-5.7c0 2 2.5 5.4 5.4 2.5L62 32z'/%3E%3C/svg%3E");
}

/* Gutscheinsystem: Voucher App (DE 284, EN 799, FR 602) */
#category-284,
#category-602,
#category-799 {
  --eg-tile-tint: var(--eg-tile-red-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e94870' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 10v40m0 9a3 3 0 0 0 3 3h30a3 3 0 0 0 3-3v-9H14v9ZM50 5a3 3 0 0 0-3-3H17a3 3 0 0 0-3 3v5h36V5Zm0 45V10v40Z'/%3E%3Cpath d='M32 58a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/svg%3E");
}

/* Gutscheinsystem: Gutscheinlayout (DE 296, EN 793, FR 596) */
#category-296,
#category-596,
#category-793 {
  --eg-tile-tint: var(--eg-tile-red-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e94870' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M48.797 22.844a4 4 0 1 0-5.656-5.657 4 4 0 0 0 5.657 5.657ZM34.855 16.8a4 4 0 1 0-5.657-5.656 4 4 0 0 0 5.657 5.657Zm-13.764 4.321a3 3 0 1 0-4.242-4.242 3 3 0 0 0 4.242 4.242Zm-2.614 15.442a5 5 0 1 0-7.071-7.07 5 5 0 0 0 7.07 7.07Z'/%3E%3Cpath d='M18.9 46C29 46 36 42.1 35 49.4c-.6 4.3-9 .4-9 7.5 0 3.3 3 4.9 7.1 5.1a29.802 29.802 0 0 0 14.2-4.2l.7-.5 1.3-.8a30 30 0 1 0-47-20.4C3.5 42.3 8.9 46 18.9 46Z'/%3E%3C/svg%3E");
}

/* Gutscheinsystem: Depotgutscheine (DE 307, EN 796, FR 599) */
#category-307,
#category-599,
#category-796 {
  --eg-tile-tint: var(--eg-tile-red-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e94870' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28.8 19.5a21.1 21.1 0 0 0-7.1 2.2c-7.9 4.2-9.2 11-9.2 16.3s2.3 13.1 10.8 20h7.3v-4l8.9.5a20.1 20.1 0 0 0 2.3 3.5h6.7v-6a47.9 47.9 0 0 0 6-5c2.9.3 5.9-2 7-8.7 0-1-.5-1.3-1-1.3a6.8 6.8 0 0 1-3-1c-.4-.5-1.6-4.7-3.8-8a11.7 11.7 0 0 1 4.1-5.2c-2.8-1.4-5.7-2.4-11.4-1.8-1.5-.3-4-.9-6.4-1.3'/%3E%3Ccircle cx='34.5' cy='14' r='8'/%3E%3Cpath d='M12.5 38c-2.9-.3-10-1.4-10 2s1.9 3.4 3.8 2.6 4.3-5.5-3.8-8.6m25.7-8.9a20.1 20.1 0 0 1 12.7-.1'/%3E%3Ccircle cx='48.5' cy='34' r='1'/%3E%3C/svg%3E");
}

/* Ticketsystem: Einstellungen (DE 323, EN 456, FR 740) */
#category-323,
#category-456,
#category-740 {
  --eg-tile-tint: var(--eg-tile-amber-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d78f00' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M59 8H15m11.999 24H7m52 0H38.999M49 56H7m2-42A6 6 0 1 0 9 2a6 6 0 0 0 0 12Zm46 48a6 6 0 1 0 0-12 6 6 0 0 0 0 12ZM33 38a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z'/%3E%3C/svg%3E");
}

/* Ticketsystem: Check-in (DE 324, EN 455, FR 739) */
#category-324,
#category-455,
#category-739 {
  --eg-tile-tint: var(--eg-tile-amber-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d78f00' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M50 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm-6 26v13a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V41h3a3 3 0 0 0 3-3V24a3 3 0 0 0-3-3H41a3 3 0 0 0-3 3v1M14 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12Zm12 9a3 3 0 0 0-3-3H5a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h3v13a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V41m12-22a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z'/%3E%3Cpath d='M41 25H23a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h3v13a3 3 0 0 0 3 3h6a3 3 0 0 0 3-3V45h3a3 3 0 0 0 3-3V28a3 3 0 0 0-3-3Z'/%3E%3C/svg%3E");
}

/* Ticketsystem: Buchhaltung (DE 325, EN 454, FR 738) */
#category-325,
#category-454,
#category-738 {
  --eg-tile-tint: var(--eg-tile-amber-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d78f00' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M56.3 17.4h2.9c.7 0 1.2.5 1.2 1.2v34.2c0 .7-.5 1.2-1.2 1.2H4.7c-.7 0-1.2-.5-1.2-1.2V18.6c0-.7.5-1.2 1.2-1.2h2.5'/%3E%3Cpath d='M31.4 52.5c-10-9.7-24.3-1.2-24.3-1.2V17.7s14.4-9.6 24.3 0v34.7Zm.5-34.8-.1 34.8m11.9-4.7c6.8 0 12.6 3.5 12.6 3.5V17.7s-1.8-1.2-4.7-2.3'/%3E%3Cpath d='m31.9 17.9 19.6-7.3v33.7l-20.2 8.2M12.4 23.8s9-4.2 14.6-.9m-14.6 6.8s9-4.2 14.6-.9m-14.6 6.9s9-4.2 14.6-.9m-14.6 6.9s9-4.2 14.6-.9m9.5-18.1 9.6-3.3'/%3E%3C/svg%3E");
}

/* Ticketsystem: Bestellungen (DE 326, EN 453, FR 737) */
#category-326,
#category-453,
#category-737 {
  --eg-tile-tint: var(--eg-tile-amber-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d78f00' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 48V8a6 6 0 0 1 6-6h34'/%3E%3Cpath d='M50 12h12V8a6 6 0 1 0-12 0v44a10 10 0 0 1-20 0v-4H2v4a10 10 0 0 0 10 10h28M24 36h12M24 12h16-16Zm0 16h16-16Zm0-8h12-12Z'/%3E%3C/svg%3E");
}

/* Ticketsystem: Events (DE 327, EN 367, FR 735) */
#category-327,
#category-367,
#category-735 {
  --eg-tile-tint: var(--eg-tile-amber-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d78f00' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 19h60m-50-7V2m40 10V2'/%3E%3Crect x='2' y='7' width='60' height='52' rx='2'/%3E%3Crect x='10' y='30' width='8' height='6' rx='1'/%3E%3Crect x='22' y='30' width='8' height='6' rx='1'/%3E%3Crect x='34' y='30' width='8' height='6' rx='1'/%3E%3Crect x='46' y='30' width='8' height='6' rx='1'/%3E%3Crect x='46' y='44' width='8' height='6' rx='1'/%3E%3Crect x='34' y='44' width='8' height='6' rx='1'/%3E%3Crect x='22' y='44' width='8' height='6' rx='1'/%3E%3Crect x='10' y='44' width='8' height='6' rx='1'/%3E%3C/svg%3E");
}

/* Ticketsystem: Eintritte (DE 328, EN 458, FR 742) */
#category-328,
#category-458,
#category-742 {
  --eg-tile-tint: var(--eg-tile-amber-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d78f00' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M55 18.7A6.9 6.9 0 0 1 45.3 9l-7-7L2 38.3l7 7a6.9 6.9 0 0 1 9.7 9.7l7 7L62 25.7l-7-7Z'/%3E%3Cpath d='M30.6 46a3 3 0 0 1-4.2 0L18 37.6a3 3 0 0 1 0-4.2L33.4 18a3 3 0 0 1 4.2 0l8.4 8.4a3 3 0 0 1 0 4.2L30.6 46Z'/%3E%3C/svg%3E");
}

/* Allgemeines: Zahlungsmittel (DE 372, EN 491, FR 572) */
#category-372,
#category-491,
#category-572 {
  --eg-tile-tint: var(--eg-tile-blue-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23168bb3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m40 20 8.8 8.7C51.2 31.1 52 34.2 52 40v22M22 44c0 4.1 1.1 8.1 3.3 11.5C28.1 60 28 61.3 28 62m1.8-18H14c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h24c1.1 0 2 .9 2 2v31'/%3E%3Cpath d='M44.1 39.1 28.4 23.5c-1.9-1.9-5.1-1.9-7 0-1.9 1.9-1.9 5.1 0 7l8.6 8.6s-2.6 8 6 14.9'/%3E%3C/svg%3E");
}

/* Gutscheinsystem: Guthabenkarte (DE 1637, EN 1638, FR 1639) */
#category-1637,
#category-1638,
#category-1639 {
  --eg-tile-tint: var(--eg-tile-red-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e94870' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m40 20 8.8 8.7C51.2 31.1 52 34.2 52 40v22M22 44c0 4.1 1.1 8.1 3.3 11.5C28.1 60 28 61.3 28 62m1.8-18H14c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h24c1.1 0 2 .9 2 2v31'/%3E%3Cpath d='M44.1 39.1 28.4 23.5c-1.9-1.9-5.1-1.9-7 0-1.9 1.9-1.9 5.1 0 7l8.6 8.6s-2.6 8 6 14.9'/%3E%3C/svg%3E");
}

/* Ticketsystem: Marketing (DE 427, EN 457, FR 741) */
#category-427,
#category-457,
#category-741 {
  --eg-tile-tint: var(--eg-tile-amber-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d78f00' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 38v18H10V38m10-20v20m36-4a6 6 0 0 0 0-12'/%3E%3Cpath d='M22 38H8a6 6 0 0 1-6-6v-8a6 6 0 0 1 6-6h18A55 55 0 0 0 56 8v40a50.4 50.4 0 0 0-30-10h-4Z'/%3E%3C/svg%3E");
}

/* Gutscheinsystem: Einstellungen (DE 437, EN 801, FR 605) */
#category-437,
#category-605,
#category-801 {
  --eg-tile-tint: var(--eg-tile-red-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e94870' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M59 8H15m11.999 24H7m52 0H38.999M49 56H7m2-42A6 6 0 1 0 9 2a6 6 0 0 0 0 12Zm46 48a6 6 0 1 0 0-12 6 6 0 0 0 0 12ZM33 38a6 6 0 1 0 0-12 6 6 0 0 0 0 12Z'/%3E%3C/svg%3E");
}

/* Gutscheinsystem: Überblick (DE 439, EN 789, FR 594) */
#category-439,
#category-594,
#category-789 {
  --eg-tile-tint: var(--eg-tile-red-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e94870' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28 42V16.5A7.5 7.5 0 0 0 20.5 9a7.7 7.7 0 0 0-6.7 4.1l-.3.6L3 37m33 5V16.5A7.5 7.5 0 0 1 43.5 9a7.7 7.7 0 0 1 6.7 4.1l.3.6L61 37M28 17.8a10 10 0 0 1 7.9 0m-7.9 12a10 10 0 0 1 7.9 0'/%3E%3Ccircle cx='15' cy='42' r='13'/%3E%3Cpath d='M22 42a7 7 0 0 1-7 7m41-7a7 7 0 0 1-7 7'/%3E%3Ccircle cx='49' cy='42' r='13'/%3E%3C/svg%3E");
}

/* Allgemeines: Checklists (EN 492, FR 571) */
#category-492,
#category-571 {
  --eg-tile-tint: var(--eg-tile-blue-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23168bb3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M35.4 58H4a2 2 0 0 1-2-2V10a2 2 0 0 1 2-2h9.9M34 8h10a2 2 0 0 1 2 2v20'/%3E%3Cpath d='M14 14V8a2 2 0 0 1 2-2h3.1a5 5 0 0 1 9.8 0H32a2 2 0 0 1 2 2v6m-20 0h20m-20 0h-4v36h20.5M34 14h4v18.1M18 22h12M18 32h12M18 42h12'/%3E%3Cpath d='M46 62c8.837 0 16-7.163 16-16s-7.163-16-16-16-16 7.163-16 16 7.163 16 16 16Z'/%3E%3Cpath d='m53 42-8 9-5-5'/%3E%3C/svg%3E");
}

/* Ticketsystem: Thermo-Ticketdrucker (DE 910, EN 1584, FR 1586) */
#category-910,
#category-1584,
#category-1586 {
  --eg-tile-tint: var(--eg-tile-amber-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d78f00' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 19V4h36v15M14 46H4V20h56v26H50'/%3E%3Cpath d='M14 36h36v24H14V36Zm34-8h4M22 52h20m-20-8h20-20ZM12 30a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z'/%3E%3C/svg%3E");
}

/* Allgemeines: Integrationen (DE 1370, EN 1751) */
#category-1370,
#category-1751 {
  --eg-tile-tint: var(--eg-tile-blue-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23168bb3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M51.2 21.2c-2.9-2.9.5-5.4 2.5-5.4a6 6 0 1 0-5.7-5.7c0 2-2.5 5.4-5.4 2.5L32 2 21.4 12.6c-2.9 2.9.5 5.4 2.5 5.4a6.1 6.1 0 1 1-5.7 5.7c0-2-2.5-5.4-5.4-2.5L2 32l10.8 10.8c2.9 2.9-.5 5.4-2.5 5.4a6.1 6.1 0 1 0 3.9 10.3 6 6 0 0 0 1.8-4.6c0-2 2.5-5.4 5.4-2.5L32 62l10.8-10.8c2.9-2.9-.5-5.4-2.5-5.4a6 6 0 1 1 5.7-5.7c0 2 2.5 5.4 5.4 2.5L62 32z'/%3E%3C/svg%3E");
}

/* Ticketsystem: Integrationen (DE 1520) */
#category-1520 {
  --eg-tile-tint: var(--eg-tile-amber-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23d78f00' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M51.2 21.2c-2.9-2.9.5-5.4 2.5-5.4a6 6 0 1 0-5.7-5.7c0 2-2.5 5.4-5.4 2.5L32 2 21.4 12.6c-2.9 2.9.5 5.4 2.5 5.4a6.1 6.1 0 1 1-5.7 5.7c0-2-2.5-5.4-5.4-2.5L2 32l10.8 10.8c2.9 2.9-.5 5.4-2.5 5.4a6.1 6.1 0 1 0 3.9 10.3 6 6 0 0 0 1.8-4.6c0-2 2.5-5.4 5.4-2.5L32 62l10.8-10.8c2.9-2.9-.5-5.4-2.5-5.4a6 6 0 1 1 5.7-5.7c0 2 2.5 5.4 5.4 2.5L62 32z'/%3E%3C/svg%3E");
}

/* Allgemeines: Datenschutz (DE 1569, EN 1575, FR 1576) */
#category-1569,
#category-1575,
#category-1576 {
  --eg-tile-tint: var(--eg-tile-blue-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23168bb3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 6V2m8 56a4 4 0 0 1-4 4 4 4 0 0 1-4-4V36'/%3E%3Cpath d='M2 36a30 30 0 1 1 60 0M2 36a9 9 0 0 1 15 0m0 0a9 9 0 0 1 15 0m0 0a9 9 0 0 1 15 0m0 0a9 9 0 0 1 15 0'/%3E%3C/svg%3E");
}

/* Produktshop: Überblick (DE 1603, EN 1674, FR 1692) */
#category-1603,
#category-1674,
#category-1692 {
  --eg-tile-tint: var(--eg-tile-green-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232f9a3c' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M28 42V16.5A7.5 7.5 0 0 0 20.5 9a7.7 7.7 0 0 0-6.7 4.1l-.3.6L3 37m33 5V16.5A7.5 7.5 0 0 1 43.5 9a7.7 7.7 0 0 1 6.7 4.1l.3.6L61 37M28 17.8a10 10 0 0 1 7.9 0m-7.9 12a10 10 0 0 1 7.9 0'/%3E%3Ccircle cx='15' cy='42' r='13'/%3E%3Cpath d='M22 42a7 7 0 0 1-7 7m41-7a7 7 0 0 1-7 7'/%3E%3Ccircle cx='49' cy='42' r='13'/%3E%3C/svg%3E");
}

/* Gutscheinsystem: Bestellverwaltung (DE 1647, EN 1683, FR 1686) */
#category-1647,
#category-1683,
#category-1686 {
  --eg-tile-tint: var(--eg-tile-red-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23e94870' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 48V8a6 6 0 0 1 6-6h34'/%3E%3Cpath d='M50 12h12V8a6 6 0 1 0-12 0v44a10 10 0 0 1-20 0v-4H2v4a10 10 0 0 0 10 10h28M24 36h12M24 12h16-16Zm0 16h16-16Zm0-8h12-12Z'/%3E%3C/svg%3E");
}

/* Allgemeines: Sicherheit (DE 1826, EN 1828, FR 1830) */
#category-1826,
#category-1828,
#category-1830 {
  --eg-tile-tint: var(--eg-tile-blue-tint);
  --eg-tile-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23168bb3' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M32 3l24 8v19c0 15-10 26-24 31-14-5-24-16-24-31V11z'/%3E%3Crect x='21' y='28' width='22' height='16' rx='2'/%3E%3Cpath d='M25 28v-5a7 7 0 0 1 14 0v5'/%3E%3Ccircle cx='32' cy='34.5' r='2'/%3E%3Cpath d='M32 36.5v3.5'/%3E%3C/svg%3E");
}