/* Breaking words in headlines */
h1, h2, h3, h4, h5, h6 {
    -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   word-break: normal;
   overflow-wrap: break-word;
   -webkit-hyphenate-limit-before: 3;
   -webkit-hyphenate-limit-after: 4;
   -ms-hyphenate-limit-chars: 10 3 4;
   hyphenate-limit-chars: 10 3 4;
}


/* List Custom Icon when disc */
ul.uk-list.uk-list-disc {
  list-style-type: none !important;
  padding-left: 1.2rem;
}

ul.uk-list.uk-list-disc li {
  position: relative;
  padding-left: 0.4rem;
}

ul.uk-list.uk-list-disc li::before {
  content: "//";
  position: absolute;
  left: -1.2rem;
  top: 0;
  color: #B2B205;
  font-weight: 700;
  letter-spacing: -0.15em;
}

/* Larger font when list large */
ul.uk-list.uk-list-large {
    font-size: 1.25rem;
}

/* BTN White */
.uk-button-default:not(.uk-button-text):not(.uk-button-link) {
    color: #fff;
}

/* Stretch Cards */
.uk-grid .uk-card {
    height: 100%;
}

/* Linie hinter link verlängert */
.uk-button-link .tm-button-link-line {
    height: 2px;
}

/* Make line in green section thicker and white */
.uk-section.uk-section-primary hr::after {
    border-top: 2px solid #ffffff !important;
}

/* Alternative für wierd hr color */
.uk-section-primary:not(.uk-preserve-color) hr {
    border-top-color: #ffffff;
}

.custom-footer-links p {
    font-size: 1.2rem !important;
}
.custom-footer-links a {
    background-image: none !important;
}

.uk-button {
    -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto;
   word-break: normal;
   overflow-wrap: break-word;
   -webkit-hyphenate-limit-before: 3;
   -webkit-hyphenate-limit-after: 4;
   -ms-hyphenate-limit-chars: 10 3 4;
   hyphenate-limit-chars: 10 3 4;
}

@media (max-width: 959px) {

  /* Produkt-Untermenü im mobilen Offcanvas */
  #offcanvas #mobile-menu > li:first-child > .uk-nav-sub {
    margin-top: 18px;
    padding-left: 0;
  }

  /* Produktkategorien stärker absetzen */
  #offcanvas #mobile-menu > li:first-child > .uk-nav-sub > li > a,
  #offcanvas #mobile-menu > li:first-child > .uk-nav-sub > li > div > a {
    display: block;
    margin-top: 22px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,0.45);
    font-size: 22px;
    line-height: 1.3;
    font-weight: 700;
  }

  #offcanvas #mobile-menu > li:first-child > .uk-nav-sub > li:first-child > a,
  #offcanvas #mobile-menu > li:first-child > .uk-nav-sub > li:first-child > div > a {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }

  /* Produktlinks unter den Kategorien einrücken */
  #offcanvas #mobile-menu > li:first-child .uk-nav-sub .uk-nav-sub {
    padding-left: 28px;
    margin-top: 8px;
  }

  #offcanvas #mobile-menu > li:first-child .uk-nav-sub .uk-nav-sub a {
    font-size: 20px;
    line-height: 1.35;
    font-weight: 400;
  }

@media (max-width: 959px) {

  /* Plus/Minus-Toggle für alle mobilen Menüpunkte mit Unterseiten */
  #offcanvas #mobile-menu .subnav-toggle,
  #offcanvas #mobile-menu .mobile-nav-toggle {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    transform: none !important;
  }

  /* Original-Chevron ausblenden */
  #offcanvas #mobile-menu .subnav-toggle svg,
  #offcanvas #mobile-menu .mobile-nav-toggle svg {
    display: none !important;
  }

  /* horizontale Linie */
  #offcanvas #mobile-menu .subnav-toggle::before,
  #offcanvas #mobile-menu .mobile-nav-toggle::before {
    content: "";
    position: absolute;
    width: 22px;
    height: 2px;
    top: 50%;
    left: 50%;
    background: currentColor;
    border-radius: 2px;
    transform: translate(-50%, -50%);
  }

  /* vertikale Linie für Plus */
  #offcanvas #mobile-menu .subnav-toggle::after,
  #offcanvas #mobile-menu .mobile-nav-toggle::after {
    content: "";
    position: absolute;
    width: 2px;
    height: 22px;
    top: 50%;
    left: 50%;
    background: currentColor;
    border-radius: 2px;
    transform: translate(-50%, -50%);
    transition: opacity 0.15s ease;
  }

  /* geöffnet = Minus, also vertikale Linie ausblenden */
  #offcanvas #mobile-menu li.uk-open > .uk-flex > .subnav-toggle::after,
  #offcanvas #mobile-menu li.uk-open > .uk-flex > .mobile-nav-toggle::after {
    opacity: 0;
  }
}