.elementor-35 .elementor-element.elementor-element-18d5bc7{--display:flex;}.elementor-35 .elementor-element.elementor-element-1df7573 .elementor-sitemap-section{flex-basis:calc( 1 / 2 * 100% );}.elementor-35 .elementor-element.elementor-element-1df7573 .elementor-sitemap-list, .elementor-35 .elementor-element.elementor-element-1df7573 .elementor-sitemap-list .children{list-style-type:disc;}@media(min-width:768px){.elementor-35 .elementor-element.elementor-element-18d5bc7{--content-width:100%;}}@media(max-width:1024px){.elementor-35 .elementor-element.elementor-element-1df7573 .elementor-sitemap-section{flex-basis:calc( 1 / 2 * 100% );}}@media(max-width:767px){.elementor-35 .elementor-element.elementor-element-1df7573 .elementor-sitemap-section{flex-basis:calc( 1 / 1 * 100% );}}/* Start custom CSS for container, class: .elementor-element-18d5bc7 *//* =========================================================
   KAVENTIX | Sitemap – CLEAN BUILD
   CSS Rev. 1.0.0 | Stand: 2026-09-01

   Struktur:
   Flexbox
   └── Container .kvt-sitemapPage
       ├── Breadcrumbs .kvt-sitemapBreadcrumb
       ├── HTML
       │   └── .kvt-sitemapHero
       └── Sitemap .kvt-sitemapWidget
           ├── Seiten
           ├── Fachbeiträge
           ├── Produktkategorien
           └── Themenbereiche

   Grundsätze:
   - natives Elementor-Pro-Sitemap-Widget
   - dynamische Inhalte
   - 1340-px-Clean-Build-Raster
   - keine manuelle Linkliste
   - kein JavaScript
   - keine Patch-/Hotfix-Kette
   - keine automatische Silbentrennung
   ========================================================= */


/* =========================================================
   1. GRUNDRAHMEN
   ========================================================= */

.elementor-35 .elementor-element.elementor-element-18d5bc7 {
  --kvt-font:
    "Open Sans",
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    Arial,
    sans-serif;

  --kvt-surface: #ffffff;
  --kvt-surface-2: #fbfbfc;

  --kvt-text: #111827;
  --kvt-muted: #4B5563;

  --kvt-blue: #0A84FF;
  --kvt-blue-dark: #0B57D0;
  --kvt-yellow: #FFC400;

  --kvt-line: rgba(17, 24, 39, 0.10);
  --kvt-line-strong: rgba(17, 24, 39, 0.16);

  --kvt-shadow:
    0 10px 26px rgba(17, 24, 39, 0.08);

  --kvt-shadow-lg:
    0 18px 50px rgba(17, 24, 39, 0.10);

  --kvt-radius: 18px;
  --kvt-radius-lg: 22px;

  --kvt-max: 1340px;
  --kvt-section-gap: 24px;

  width: min(calc(100% - 40px), var(--kvt-max)) !important;
  max-width: var(--kvt-max) !important;

  margin: 0 auto !important;
  padding: 20px 0 0 !important;

  color: var(--kvt-text);
  font-family: var(--kvt-font);

  box-sizing: border-box;

  overflow: visible !important;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 *,
.elementor-35 .elementor-element.elementor-element-18d5bc7 *::before,
.elementor-35 .elementor-element.elementor-element-18d5bc7 *::after {
  box-sizing: border-box;
}


/* =========================================================
   2. ELEMENTOR-STRUKTUR
   ========================================================= */

.elementor-35 .elementor-element.elementor-element-18d5bc7 > .e-con-inner {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  gap: var(--kvt-section-gap) !important;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 > .elementor-widget,
.elementor-35 .elementor-element.elementor-element-18d5bc7 > .e-con-inner > .elementor-widget,
.elementor-35 .elementor-element.elementor-element-18d5bc7 .elementor-widget-html,
.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb,
.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;

  margin: 0 !important;
  padding: 0 !important;

  align-self: stretch !important;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .elementor-widget-html > .elementor-widget-container,
.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb > .elementor-widget-container,
.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget > .elementor-widget-container {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;

  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}


/* =========================================================
   3. BREADCRUMB – KAVENTIX LIGHT
   ========================================================= */

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb {
  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb .yoast-breadcrumbs,
.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb .yoast-breadcrumb,
.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb nav,
.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb p {
  width: 100% !important;
  max-width: 100% !important;

  margin: 0 !important;
  padding: 12px 16px !important;

  color: var(--kvt-muted) !important;

  font-family: var(--kvt-font) !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.4 !important;

  border: 1px solid var(--kvt-line) !important;
  border-radius: 14px !important;

  background:
    linear-gradient(
      180deg,
      #ffffff,
      #fbfbfc
    ) !important;

  box-shadow:
    0 8px 20px rgba(17, 24, 39, 0.05) !important;

  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb a {
  color: var(--kvt-blue-dark) !important;

  font-weight: 800 !important;

  text-decoration: none !important;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb a:hover,
.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb a:focus-visible {
  color: var(--kvt-text) !important;

  text-decoration: underline !important;
  text-underline-offset: 3px;
}


/* =========================================================
   4. HERO
   ========================================================= */

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapHero {
  width: 100%;

  margin: 0;
  padding: 0;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapHero__inner {
  position: relative;

  width: 100%;

  margin: 0;
  padding: clamp(24px, 3vw, 38px);

  border: 1px solid var(--kvt-line);
  border-radius: var(--kvt-radius-lg);

  background:
    radial-gradient(
      900px 260px at 15% 10%,
      rgba(11, 87, 208, 0.10),
      transparent 60%
    ),
    radial-gradient(
      900px 280px at 95% 8%,
      rgba(255, 196, 0, 0.16),
      transparent 58%
    ),
    linear-gradient(
      180deg,
      var(--kvt-surface),
      var(--kvt-surface-2)
    );

  box-shadow: var(--kvt-shadow-lg);

  overflow: hidden;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapHero__inner::before {
  content: "";

  position: absolute;

  top: 22px;
  bottom: 22px;
  left: 0;

  width: 4px;

  border-radius: 999px;

  background: var(--kvt-blue);
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapHero__inner > * {
  position: relative;
  z-index: 1;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapHero__eyebrow {
  display: inline-flex;
  align-items: center;

  width: fit-content;
  max-width: 100%;

  margin: 0 0 12px;
  padding: 7px 12px;

  color: var(--kvt-blue-dark);

  font-size: 13px;
  font-weight: 800;
  line-height: 1.2;

  border: 1px solid rgba(10, 132, 255, 0.22);
  border-radius: 999px;

  background: rgba(255, 255, 255, 0.86);
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapHero h1 {
  margin: 0 0 12px;

  color: var(--kvt-text);

  font-size: clamp(32px, 4vw, 52px);
  font-weight: 800;
  line-height: 1.08;
  letter-spacing: -0.02em;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapHero p:not(.kvt-sitemapHero__eyebrow) {
  max-width: 900px;

  margin: 0;

  color: var(--kvt-muted);

  font-size: clamp(15px, 1.4vw, 17px);
  font-weight: 400;
  line-height: 1.65;

  word-break: normal;
  overflow-wrap: normal;
  hyphens: none;
}


/* =========================================================
   5. SITEMAP – GRUNDKARTE
   ========================================================= */

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget {
  width: 100% !important;

  margin: 0 !important;
  padding: clamp(22px, 2.4vw, 30px) !important;

  border: 1px solid var(--kvt-line) !important;
  border-left: 4px solid var(--kvt-blue) !important;
  border-radius: var(--kvt-radius-lg) !important;

  background:
    linear-gradient(
      180deg,
      #ffffff,
      #fbfbfc
    ) !important;

  box-shadow: var(--kvt-shadow) !important;
}


/* =========================================================
   6. DYNAMISCHE SITEMAP – BEREICHE
   ========================================================= */

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget .elementor-sitemap-wrap {
  display: grid !important;

  grid-template-columns:
    repeat(2, minmax(0, 1fr)) !important;

  gap: 24px !important;

  width: 100% !important;

  margin: 0 !important;
  padding: 0 !important;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget .elementor-sitemap-section {
  min-width: 0 !important;

  margin: 0 !important;
  padding: 22px !important;

  border: 1px solid var(--kvt-line) !important;
  border-radius: var(--kvt-radius) !important;

  background:
    radial-gradient(
      500px 160px at 10% 0%,
      rgba(10, 132, 255, 0.055),
      transparent 65%
    ),
    #ffffff !important;
}


/* =========================================================
   7. SITEMAP-ÜBERSCHRIFTEN
   ========================================================= */

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget .elementor-sitemap-title {
  margin: 0 0 18px !important;
  padding: 0 0 12px !important;

  color: var(--kvt-text) !important;

  font-family: var(--kvt-font) !important;
  font-size: clamp(22px, 2vw, 28px) !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: -0.02em !important;

  border-bottom:
    1px solid var(--kvt-line) !important;

  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}


/* =========================================================
   8. LISTEN
   ========================================================= */

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget ul {
  margin: 0 !important;
  padding: 0 !important;

  list-style: none !important;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget ul ul {
  margin-top: 8px !important;
  padding-left: 20px !important;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget li {
  position: relative;

  margin: 0 !important;
  padding: 8px 0 8px 18px !important;

  color: var(--kvt-text);

  font-family: var(--kvt-font);
  font-size: 15px;
  line-height: 1.5;

  border-bottom:
    1px solid rgba(17, 24, 39, 0.06);

  word-break: normal !important;
  overflow-wrap: normal !important;
  hyphens: none !important;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget li:last-child {
  border-bottom: 0;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget li::before {
  content: "";

  position: absolute;

  top: 17px;
  left: 2px;

  width: 6px;
  height: 6px;

  border-radius: 50%;

  background: var(--kvt-blue);
}


/* =========================================================
   9. LINKS
   ========================================================= */

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget li a {
  color: var(--kvt-blue-dark) !important;

  font-weight: 650 !important;

  text-decoration: none !important;

  transition:
    color 160ms ease,
    transform 160ms ease;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget li a:hover,
.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget li a:focus-visible {
  color: var(--kvt-text) !important;

  text-decoration: underline !important;
  text-underline-offset: 3px;
}


/* =========================================================
   10. HIERARCHISCHE UNTEREBENEN
   ========================================================= */

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget ul ul li {
  padding-left: 16px !important;

  color: var(--kvt-muted);

  font-size: 14px;
}

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget ul ul li::before {
  width: 5px;
  height: 5px;

  background: var(--kvt-yellow);
}


/* =========================================================
   11. LEERE BEREICHE
   ========================================================= */

.elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget
.elementor-sitemap-section:empty {
  display: none !important;
}


/* =========================================================
   12. TABLET
   ========================================================= */

@media (max-width: 1024px) {

  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget
  .elementor-sitemap-wrap {
    grid-template-columns:
      repeat(2, minmax(0, 1fr)) !important;

    gap: 18px !important;
  }

  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget
  .elementor-sitemap-section {
    padding: 20px !important;
  }

}


/* =========================================================
   13. MOBIL
   ========================================================= */

@media (max-width: 767px) {

  .elementor-35 .elementor-element.elementor-element-18d5bc7 {
    width: calc(100% - 24px) !important;

    padding-top: 14px !important;
  }

  .elementor-35 .elementor-element.elementor-element-18d5bc7 > .e-con-inner {
    gap: 18px !important;
  }


  /* Breadcrumb */

  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb .yoast-breadcrumbs,
  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb .yoast-breadcrumb,
  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb nav,
  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb p {
    padding: 10px 12px !important;

    font-size: 12.5px !important;

    border-radius: 12px !important;
  }


  /* Hero */

  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapHero__inner {
    padding: 20px 16px;

    border-radius: 18px;
  }

  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapHero__inner::before {
    top: 18px;
    bottom: 18px;
  }

  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapHero h1 {
    font-size: clamp(28px, 8vw, 36px);
  }


  /* Sitemap */

  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget {
    padding: 16px !important;

    border-radius: 18px !important;
  }

  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget
  .elementor-sitemap-wrap {
    grid-template-columns: 1fr !important;

    gap: 16px !important;
  }

  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget
  .elementor-sitemap-section {
    padding: 18px 16px !important;
  }

  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget
  .elementor-sitemap-title {
    font-size: 22px !important;
  }

  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget li {
    font-size: 14px;
  }

}


/* =========================================================
   14. SEHR KLEINE GERÄTE
   ========================================================= */

@media (max-width: 420px) {

  .elementor-35 .elementor-element.elementor-element-18d5bc7 {
    width: calc(100% - 16px) !important;
  }

  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb .yoast-breadcrumbs,
  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb .yoast-breadcrumb,
  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb nav,
  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapBreadcrumb p {
    padding: 9px 10px !important;

    font-size: 12px !important;
  }

  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapHero__inner {
    padding: 18px 14px;
  }

  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget {
    padding: 12px !important;
  }

  .elementor-35 .elementor-element.elementor-element-18d5bc7 .kvt-sitemapWidget
  .elementor-sitemap-section {
    padding: 16px 14px !important;
  }

}


/* =========================================================
   15. BEWEGUNG REDUZIEREN
   ========================================================= */

@media (prefers-reduced-motion: reduce) {

  .elementor-35 .elementor-element.elementor-element-18d5bc7 *,
  .elementor-35 .elementor-element.elementor-element-18d5bc7 *::before,
  .elementor-35 .elementor-element.elementor-element-18d5bc7 *::after {
    transition: none !important;
    animation: none !important;
    scroll-behavior: auto !important;
  }

}/* End custom CSS */