@charset "UTF-8";
/* Truedesign Standard 3 CSS
** Truedesign.eu
** Ralph Striewe
** Erstellt am: 21. 8. 2018
** letzte Änderung: 11. 12. 2019
*********************************************/
/*
** Festlegung der Grundfarben des Templates.
*/
:root {
  --orange: hsl(25, 80%, 50%);
  --hellorange: hsl(25, 100%, 50%);
  --fontColor: white;
  --grauStd: var(--fontColor);
  --footColor: white;
  --menueBgGrau: black;
  --headlineColor: white;
  --responsiveBG: rgba(110, 110, 110, 0.80);
  --aLinkColor: var(--fontColor);
  --whiteTransp: rgba(255, 255, 255, 0.6);
  --fontBody: canada-type-gibson,sans-serif;
  --fontHeadline: octin-college, sans-serif;
  --footerSize: 2rem;
  --menu-size: 2.4rem;
  --kopfMenu-size: 1.4rem;
  --p-size: 2rem;
  --h1-size: 4.7rem;
  --h2-size: 4rem;
  --h3-size: 3rem;
  --h4-size: var(--p-size);
  --h5-size: var(--p-size);
  --h6-size: var(--p-size);
  --maincontentAbstand: 0px; }

/*
** Grundlegendes CSS
*/
html {
  height: 100vh;
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 10px;
  background: black;
  font-variant-ligatures: common-ligatures;
  -moz-font-feature-settings: "liga";
  -webkit-font-feature-settings: "liga";
  font-feature-settings: "liga"; }

body {
  text-align: center;
  font-family: var(--fontBody);
  font-weight: 400;
  font-style: normal;
  font-size: 100%;
  color: var(--fontColor);
  margin: 0;
  padding: 0;
  background: black; }

h1, h2, h3, h4, h5, h6 {
  text-align: center;
  font-family: var(--fontHeadline);
  font-weight: 600;
  color: white; }

h1 {
  font-size: calc(var(--h1-size) * 0.8);
  text-transform: uppercase; }

h2 {
  font-size: calc(var(--h2-size)*0.8);
  text-transform: uppercase;
  margin-bottom: 10px; }

h3 {
  font-size: calc(var(--h3-size)*0.8); }

h4, h5, h6 {
  font-size: calc(var(--h4-size)*0.8); }

a {
  color: var(--aLinkColor);
  text-align: center;
  font-size: calc(var(--p-size)*0.8);
  text-decoration: none; }
  a:hover, a:active, a:focus {
    color: var(--orange);
    text-decoration: none; }

p {
  font-size: calc(var(--p-size)*0.8);
  display: block;
  margin: 0;
  margin-bottom: 10px;
  text-align: center;
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2; }

ul {
  list-style: none; }

li {
  text-align: left;
  font-size: calc(var(--p-size)*0.8);
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
  line-height: 1.2; }

u {
  color: white;
  background: var(--orange);
  padding: 15px 15px 12px;
  text-decoration: none; }
  u a, u a:hover {
    color: white; }
  u::before {
    content: ' ';
    margin-top: 10px; }

pre {
  text-align: left;
  font-size: var(--p-size); }

.page-header {
  border: none; }

.blinks {
  float: left; }

.brechts {
  float: right; }

button {
  font-family: var(--fontBody);
  color: white;
  font-weight: 600;
  text-decoration: none;
  font-size: var(--p-size);
  padding: 7px 10px;
  background: black;
  border: none;
  border-radius: 0px;
  text-shadow: none;
  margin: 5px; }
  button:hover {
    color: white;
    text-decoration: none;
    background-color: var(--orange); }
  button a {
    color: white; }
    button a:hover {
      color: white;
      text-decoration: none; }
    button a:focus, button a:link, button a:visited {
      color: white;
      text-decoration: none; }

.td-headwrap {
  top: 0;
  z-index: 1000;
  padding-bottom: 10px;
  background: black;
  border-top: 8px solid var(--orange); }
  .td-headwrap > .uk-container {
    display: block; }

.contentDivider {
  height: 50px; }

.td-belowContentWrap {
  background: black;
  padding: 35px 0 15px; }
  .td-belowContentWrap li::before {
    content: '•';
    padding-right: 4px;
    color: var(--orange); }
  .td-belowContentWrap p, .td-belowContentWrap a, .td-belowContentWrap h1, .td-belowContentWrap h2 {
    color: var(--fontColor);
    text-align: center; }
  .td-belowContentWrap h3, .td-belowContentWrap h4, .td-belowContentWrap h5, .td-belowContentWrap h6 {
    text-align: center; }
  .td-belowContentWrap u {
    color: white;
    background: var(--orange);
    padding: 6px 6px 3px;
    text-decoration: none;
    font-weight: 600; }
    .td-belowContentWrap u a, .td-belowContentWrap u a:hover {
      font-weight: 600;
      color: white; }

footer.td-footer {
  background: none;
  position: relative;
  margin-top: 15px;
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: var(--orange) 8px solid; }
  footer.td-footer .fusszeile {
    background: black; }
    footer.td-footer .fusszeile p, footer.td-footer .fusszeile a {
      font-size: calc(0.85 * var(--p-size));
      color: var(--footColor);
      text-align: center;
      margin-bottom: 0; }
    footer.td-footer .fusszeile a:hover {
      color: var(--orange); }
  footer.td-footer .foerderer {
    padding-top: 10px;
    padding-bottom: 20px; }
    footer.td-footer .foerderer .teuto {
      margin-top: 25px; }
    footer.td-footer .foerderer img {
      width: auto; }

.td-item-image img {
  margin-top: 10px; }

.td-item h1, .td-item h2, .td-item h3, .td-item h4, .td-item p {
  color: white;
  text-transform: uppercase; }
.td-item h1, .td-item h2, .td-item h3, .td-item h4 {
  font-weight: 600; }

.icons {
  display: none; }

.wanderschuh {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none; }
  .wanderschuh img {
    max-width: 100%; }

.wanderschuh-cont {
  z-index: 0;
  pointer-events: none;
  position: absolute; }
  .wanderschuh-cont img {
    max-width: 100%; }

.nav {
  margin: 0; }

.td-miniMenu_0-1-1 > .uk-navbar-nav > li > a {
  color: var(--fontColor);
  background: none;
  letter-spacing: normal; }
.td-miniMenu_0-1-1 > .uk-navbar-nav > li > a:hover {
  color: var(--orange);
  background: none;
  letter-spacing: normal; }

.miniMenuWrap {
  position: relative; }
  .miniMenuWrap .td-miniMenu_0-1 {
    width: fit-content;
    position: relative;
    align-content: center;
    clear: both; }
  .miniMenuWrap .td-miniMenu_0-1-1 {
    width: fit-content;
    position: relative;
    align-content: center;
    clear: both; }
    .miniMenuWrap .td-miniMenu_0-1-1 .uk-navbar-nav li a {
      color: var(--fontColor);
      background: none;
      letter-spacing: normal; }
    .miniMenuWrap .td-miniMenu_0-1-1 .uk-navbar-nav li a:hover {
      color: var(--orange);
      background: none;
      letter-spacing: normal; }
    .miniMenuWrap .td-miniMenu_0-1-1 a {
      padding: 0;
      font-size: var(--kopfMenu-size); }
    .miniMenuWrap .td-miniMenu_0-1-1 li::after {
      content: '|';
      font-size: var(--kopfMenu-size);
      padding-left: 4px;
      padding-right: 4px; }
    .miniMenuWrap .td-miniMenu_0-1-1 li:last-child::after {
      content: '';
      padding: 0; }
    .miniMenuWrap .td-miniMenu_0-1-1 ul {
      display: block; }

.td-logo_1-1 {
  display: table;
  position: relative;
  z-index: 999;
  padding-bottom: 20px;
  padding-top: 10px;
  clear: both; }
  .td-logo_1-1 p {
    text-align: left;
    margin: 0; }

.nav-container-sticky .td-logo_1-1 {
  padding: 0;
  margin: 0 auto; }

.td-navwrap {
  width: 100%; }

.td-breadwrap {
  background-color: black; }
  .td-breadwrap .breadcrumb {
    background-color: black;
    padding-left: 0;
    padding-top: 5px;
    padding-bottom: 5px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    clear: both;
    margin: 0 auto;
    display: flex;
    list-style-type: none; }
    .td-breadwrap .breadcrumb > li {
      text-shadow: none;
      padding-right: 5px; }
    .td-breadwrap .breadcrumb a:hover {
      color: white; }

.jj_sl_navigation li a {
  background-color: black; }

#jf_mm_menu {
  z-index: 1010; }

.jf_mm_trigger {
  position: absolute;
  margin: 0 auto;
  top: 10px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--orange); }

.jf_mm_wrapper h2 {
  padding: 1rem .4rem;
  font-family: var(--fontHeadline); }
.jf_mm_wrapper .levelHolderClass {
  font-family: var(--fontHeadline); }

.td-maincontent {
  margin: 0;
  padding: 0;
  margin-top: var(--maincontentAbstand); }
  .td-maincontent .td-articles.uk-container {
    position: relative; }

.td-contentwrap {
  padding: 0; }

.td-contcontent {
  clear: both; }
  .td-contcontent .blog {
    margin-bottom: 30px; }

.abdecker {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1; }

.posiRel {
  position: relative; }

.item-image img {
  margin-bottom: 20px; }

#td-checkWidth {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  visibility: hidden;
  height: auto;
  width: auto;
  max-width: 90%;
  white-space: nowrap; }

/*
** Special Listing
*/
.content-links {
  display: none; }

/**
*** UI-Kit Anpassungen Truedesign
**/
.uk-navbar-dropdown-nav > li > a:focus, .uk-navbar-dropdown-nav > li > a:hover, .uk-navbar-dropdown-nav > li:hover > a,
.uk-navbar-nav > li > a:focus,
.uk-navbar-nav > li > a:hover,
.uk-navbar-nav > li:hover > a {
  color: white;
  background: none; }
.uk-navbar-dropdown-nav > li.uk-active > a,
.uk-navbar-nav > li.uk-active > a {
  color: var(--orange); }
.uk-navbar-dropdown-nav > li > a,
.uk-navbar-nav > li > a {
  padding: 0 15px;
  min-height: 0; }
.uk-navbar-dropdown-nav .uk-navbar-item,
.uk-navbar-nav .uk-navbar-item {
  min-height: 0;
  align-items: flex-end; }

.uk-navbar-dropdown {
  background: var(--menueBgGrau);
  width: auto; }

.uk-card-default {
  background: var(--orange);
  color: var(--fontColor);
  box-shadow: none; }
  .uk-card-default h1, .uk-card-default h1 a, .uk-card-default h2, .uk-card-default h2 a {
    letter-spacing: 0.12rem;
    color: white; }
  .uk-card-default p {
    text-align: center;
    text-transform: none;
    color: var(--fontColor);
    letter-spacing: 0.03rem;
    -ms-hyphens: none;
    -moz-hyphens: none;
    -webkit-hyphens: none;
    hyphens: none; }
  .uk-card-default.uk-card-hover:hover {
    background: var(--hellorange); }

.uk-background-primary {
  background-color: white; }

.td-navwrap {
  display: none; }

.td-mobilewrap {
  display: block; }

.uk-navbar-item, .uk-navbar-nav > li > a, .uk-navbar-toggle {
  justify-content: left;
  font-size: var(--menu-size);
  font-family: var(--fontBody);
  text-transform: none;
  color: var(--grauStd); }

.uk-navbar-item {
  padding: 0; }

.uk-navbar-container:not(.uk-navbar-transparent) {
  background: none; }

.uk-media-top canvas, .uk-media-top img, .uk-media-top video {
  width: 100%; }

/*
** PreLoader / Main
*/
#td-myMain {
  opacity: 0;
  transition: 1s; }

#td-preLoader {
  background: black;
  position: absolute;
  z-index: 10000;
  width: 180px;
  height: 100px;
  margin: 0 auto;
  vertical-align: middle;
  top: 400px;
  left: 50%;
  transform: translateX(-50%);
  transition: 1s;
  opacity: 1;
  scrollbar-width: 0; }
  #td-preLoader::-webkit-scrollbar {
    display: none; }
  #td-preLoader iframe, #td-preLoader html, #td-preLoader body, #td-preLoader div {
    overflow: hidden;
    scrollbar-width: 0; }
    #td-preLoader iframe::-webkit-scrollbar, #td-preLoader html::-webkit-scrollbar, #td-preLoader body::-webkit-scrollbar, #td-preLoader div::-webkit-scrollbar {
      display: none; }

#td-sliderwrap {
  padding-bottom: 0;
  background: none;
  border-bottom: none;
  position: relative;
  margin-bottom: -80px; }

.djslider-loader-default {
  text-align: center;
  border-top: 3px var(--hellorange) solid;
  border-bottom: 3px var(--hellorange) solid; }

.slide-desc-text-default {
  text-align: center;
  background: var(--orange);
  width: max-content;
  margin-left: auto;
  margin-right: auto;
  bottom: -1px;
  display: none; }

.slide-desc-bg-default {
  background: none; }

.djslider-default h1, .djslider-default h2, .djslider-default h3, .djslider-default h4, .djslider-default h5, .djslider-default h6, .djslider-default p {
  color: white; }
.djslider-default h1, .djslider-default h2 {
  text-transform: uppercase;
  width: max-content;
  text-align: center;
  margin: 0 auto; }
.djslider-default h1 {
  font-size: var(--h1-size);
  font-weight: 600; }
.djslider-default h2 {
  font-size: var(--h2-size);
  font-weight: 600; }
.djslider-default .navigation-container-custom {
  display: none;
  position: relative;
  text-align: center;
  top: 5%;
  z-index: 999;
  right: 0; }
.djslider-default .load-button {
  width: 25px;
  height: 25px;
  display: inline-block;
  background: white;
  border: 2px solid #fff;
  margin: 0 3px;
  cursor: pointer;
  border-radius: 50%;
  opacity: 0.5;
  -webkit-transition: opacity 400ms ease;
  transition: opacity 400ms ease; }
.djslider-default .load-button.load-button-active {
  opacity: 1;
  background-color: var(--orange); }

/* MEDIA QUERIES
*********************************************/
/* Extra small devices (phones, less than 768px) */
/* No media query -> mobile first strategy */
/* Small devices (tablets, 768px and up) */
@media (min-width: 390px) {
  .miniMenuWrap .td-miniMenu_0-1-1 ul {
    display: flex; } }
@media (min-width: 768px) {
  h1 {
    font-size: var(--h1-size); }

  h2 {
    font-size: var(--h2-size); }

  h3 {
    font-size: var(--h3-size); }

  h4, h5, h6 {
    font-size: var(--h4-size); }

  a, p, li, button {
    font-size: var(--p-size); }

  .miniMenuWrap {
    position: relative; }
    .miniMenuWrap .td-miniMenu_0-1 {
      position: relative;
      float: left;
      width: fit-content; }
    .miniMenuWrap .td-miniMenu_0-1-1 {
      position: relative;
      float: right;
      width: fit-content; }

  .page-header h2 {
    margin-bottom: 0; }
  .page-header h2 a {
    font-size: var(--h2-size); }

  .uk-card-default h2.uk-card-title, .uk-card-default h2.uk-card-title a {
    font-size: var(--h2-size); }

  .djslider-default .navigation-container-custom {
    display: block; }
  .djslider-default .slide-desc-text.slide-desc-text-default {
    display: block; } }
@media (min-width: 992px) {
  .uk-navbar-dropdown-nav > li > a, .uk-navbar-nav > li > a {
    margin: 0 auto; } }
@media (min-width: 1024px) {
  #td-header.nav-container-sticky .td-logo_1-1 {
    padding-bottom: 5px; }
  #td-header.nav-container-sticky nav.td-navwrap {
    transition-duration: 1s;
    padding-top: 15px; }
    #td-header.nav-container-sticky nav.td-navwrap li {
      transition-duration: 1s;
      padding-bottom: 15px; }
    #td-header.nav-container-sticky nav.td-navwrap li.uk-active, #td-header.nav-container-sticky nav.td-navwrap li.uk-active:hover {
      transition-duration: 1s;
      padding-bottom: 15px; }
    #td-header.nav-container-sticky nav.td-navwrap li:hover {
      transition-duration: 1s;
      padding-bottom: 15px; }

  .td-navwrap {
    display: table;
    text-align: center;
    transition-duration: 1s;
    margin-bottom: -10px; }
    .td-navwrap .uk-navbar-center {
      display: table; }
    .td-navwrap li {
      padding-top: 20px;
      padding-bottom: 20px;
      border-bottom: none;
      color: white;
      margin-left: 5px;
      margin-right: 5px;
      border-bottom: 8px solid black; }
    .td-navwrap li:hover {
      border-bottom: 8px solid white;
      padding-bottom: 20px;
      color: var(--orange); }
    .td-navwrap li.uk-active, .td-navwrap li.uk-active:hover {
      border-bottom: 8px solid var(--orange);
      padding-bottom: 20px; }
    .td-navwrap a, .td-navwrap a:hover, .td-navwrap a:focus {
      color: white;
      font-weight: 600; }

  .td-mobilewrap {
    display: none; } }
@media (min-width: 1200px) {
  .uk-card-body {
    padding: 40px 20px; } }