/* Sitemap page — new design (Figma node 3610:8982).
   Restyles the existing WPBakery composition (HeadlineStandard section titles +
   TextStandard link list) to the redesign spec: Inter section headings, an
   arrow-prefixed link list with no divider rules.

   Scope note: this is the German source page (post 108878). Under WPML the
   English twin (post 293825) also carries page-id-108878 on <body>, so this
   single scope restyles BOTH language twins identically — no German-only or
   English-only hook is used. */

/* ── Page background: light-sand, per the redesign ───────────────────────── */
/* #app is the site-wide outer wrapper that paints over <body>, so the background
   is set there — scoped to this page so no other page's wrapper is recoloured. */
body.page-id-108878 #app {
    background-color: #eeeee7 !important;
}

/* ── Page title: Kurdis 40 / 56, navy (colour already correct) ───────────── */
body.page-id-108878 main#content h1#anchor-sitemap {
    font-size: 40px !important;
    line-height: 56px !important;
}

/* The design renders the title as plain navy text — drop the theme's orange
   H1 accent underline on this page only. */
body.page-id-108878 main#content h1#anchor-sitemap::after {
    display: none !important;
}

/* ── Section headings: swap the display (Kurdis) family for Inter SemiBold,
      matching the design's H3 spec (Inter 600, 24px, line-height 1). The
      Kurdis family is forced site-wide with !important, so the override needs
      !important to win the specificity fight. ─────────────────────────────── */
body.page-id-108878 main#content h2.h3 {
    font-family: Inter, sans-serif !important;
    font-weight: 600 !important;
    font-size: 24px !important;
    line-height: 1 !important;
}

/* ── Link list ───────────────────────────────────────────────────────────── */
/* The old design separated links with horizontal rules; the new design has
   none. */
body.page-id-108878 main#content hr {
    display: none !important;
}

/* Each link renders as a <p> holding one <a>. Lay the paragraph out as
   [arrow] [text] and drop the blue arrow in front via ::before, so only the
   link text keeps its underline (the arrow stays outside the underlined box). */
body.page-id-108878 main#content .row p:has(> a[href]) {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin: 0 0 32px;
}

body.page-id-108878 main#content .row p:has(> a[href])::before {
    content: "";
    flex: 0 0 20px;
    width: 20px;
    height: 24px;                     /* == link line-height, centres the arrow on line 1 */
    background-color: #2722f8;        /* JTL Tech Blue — matches the link colour */
    -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2017%2014.7279%22%3E%3Cpath%20d=%22M16.7071%208.07107C17.0976%207.68054%2017.0976%207.04738%2016.7071%206.65685L10.3431%200.292893C9.95262%20-0.0976314%209.31946%20-0.0976313%208.92893%200.292893C8.53841%200.683418%208.53841%201.31658%208.92893%201.70711L14.5858%207.36396L8.92893%2013.0208C8.53841%2013.4113%208.53841%2014.0445%208.92893%2014.435C9.31946%2014.8256%209.95262%2014.8256%2010.3431%2014.435L16.7071%208.07107ZM0%207.36396L0%208.36396L16%208.36396L16%207.36396L16%206.36396L0%206.36396L0%207.36396Z%22%20fill=%22%23000%22/%3E%3C/svg%3E") no-repeat left center;
            mask: url("data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%2017%2014.7279%22%3E%3Cpath%20d=%22M16.7071%208.07107C17.0976%207.68054%2017.0976%207.04738%2016.7071%206.65685L10.3431%200.292893C9.95262%20-0.0976314%209.31946%20-0.0976313%208.92893%200.292893C8.53841%200.683418%208.53841%201.31658%208.92893%201.70711L14.5858%207.36396L8.92893%2013.0208C8.53841%2013.4113%208.53841%2014.0445%208.92893%2014.435C9.31946%2014.8256%209.95262%2014.8256%2010.3431%2014.435L16.7071%208.07107ZM0%207.36396L0%208.36396L16%208.36396L16%207.36396L16%206.36396L0%206.36396L0%207.36396Z%22%20fill=%22%23000%22/%3E%3C/svg%3E") no-repeat left center;
    -webkit-mask-size: 17px 15px;
            mask-size: 17px 15px;
}

body.page-id-108878 main#content .row p > a[href] {
    font-family: Inter, sans-serif;
    font-size: 16px;
    line-height: 24px;
    color: #2722f8;
}