@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;
  --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);
  }

  .articleList > li > a:hover::after,
  .articleList > li > a:focus::after {
    transform: translateX(2px);
  }
}

[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;
}

::selection {
  background: rgba(239, 71, 111, 0.18);
}

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);
}

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

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

#docsSearch {
  height: auto;
  min-height: 300px;
  margin-bottom: 56px;
  padding: 72px 20px 80px;
  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);
}

/* ---------- 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: 56px;
}

.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;
}

.category-list .category,
.category-list .category:hover {
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center 32px;
  background-size: 56px 56px;
}

.category-list .category {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  box-sizing: border-box;
  width: auto;
  min-height: 0;
  margin: 0;
  padding: 108px 20px 28px;
  border: 1px solid var(--eg-border);
  border-radius: var(--eg-radius);
  box-shadow: var(--eg-shadow);
  transition: transform 0.2s ease, border-color 0.2s ease, background-size 0.2s ease,
    background-position 0.2s ease;
}

.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,
  .category-list .category:focus-visible {
    background-position: center 28px;
    background-size: 64px 64px;
  }
}

.category-list .category h3 {
  margin: 0;
  overflow: visible;
  white-space: normal;
  color: var(--eg-text);
  font-size: 18px;
  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: inline-block;
  margin: 12px 0 0;
  padding: 3px 12px;
  border-radius: 999px;
  background: rgba(17, 138, 178, 0.1);
  color: var(--eg-blue);
  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;
  }
}

#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 48px 16px 0;
  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;
}

.printArticle {
  top: 52px;
  right: 48px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 10px;
  transition: background 0.15s ease;
}

.printArticle:hover {
  background: var(--eg-surface);
}

.printArticle .icon-print {
  color: var(--eg-icon);
}

#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 {
  margin-top: 32px;
}

#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;
}

.articleFoot {
  margin-top: 20px;
}

.articleFoot .lu,
.articleFoot time {
  color: var(--eg-subtle);
  font-size: 13px;
  font-style: normal;
}

.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;
}

.related ul > li a .icon-article-doc {
  margin-right: 8px;
  color: var(--eg-icon);
}

/* ---------- 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: 0;
  padding: 14px 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::after {
  content: "\2192" / "";
  margin-left: auto;
  color: transparent;
  transition: color 0.15s ease, transform 0.15s ease;
}

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

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

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

.articleList .icon-article-doc {
  flex-shrink: 0;
  margin: 0;
  color: var(--eg-icon);
}

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

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

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

#serp .articleList > li > p {
  margin: 0;
  padding: 0 12px 0 40px;
  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) {
  #docsSearch {
    min-height: 0;
    margin-bottom: 32px;
    padding: 48px 16px 56px;
  }

  #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,
  .category-list .category:hover {
    padding: 84px 12px 20px;
    background-position: center 24px;
    background-size: 44px 44px;
  }

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

  #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,
  .category-list .category:hover {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 4px 12px;
    padding: 16px 16px 16px 72px;
    text-align: left;
    background-position: 16px center;
    background-size: 40px 40px;
  }

  .category-list .category .article-count {
    margin: 0;
  }
}

@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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 / e-surprise: Überblick (DE 124, 1481, EN 451, 1493, FR 734, 1486) */
#category-124,
#category-451,
#category-734,
#category-1481,
#category-1486,
#category-1493 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ef476f' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ef476f' stroke-width='1.8' 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 / e-surprise: Demoshop testen / Gutscheine einlösen (DE 128, 1482, EN 459, 1494, FR 743, 1487) */
#category-128,
#category-459,
#category-743,
#category-1482,
#category-1487,
#category-1494 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ef476f' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M37 2v16h16'/%3E%3Cpath d='M11 2v60h42V18L37 2H11Z'/%3E%3C/svg%3E");
}

/* Allgemeines: Kommissionen (DE 231, EN 493, FR 570) */
#category-231,
#category-493,
#category-570 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ef476f' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ef476f' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ef476f' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ef476f' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ef476f' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ef476f' stroke-width='1.8' 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 / Gutscheinsystem: Zahlungsmittel / Guthabenkarte (DE 372, 1637, EN 491, 1638, FR 572, 1639) */
#category-372,
#category-491,
#category-572,
#category-1637,
#category-1638,
#category-1639 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ef476f' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ef476f' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%23ef476f' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%2306a77d' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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 {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='%232a2d42' stroke-width='1.8' 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");
}