:root {
  --main-color: #333;
  --nav-color: #000;
  --nav-hover-color: #999;
}

html {
  scroll-behavior:  smooth;
  color: var(main-color);
}
body {
  hyphens: auto;
  hyphenate-limit-chars: auto 8;
}
a {hyphens: none;}
.logo {
    max-width: 111px;
}

h1, h2 {font-weight: bold}
.uk-navbar-dropdown.language-nav {
    width: 100px;
}
.uk-offcanvas-bar {
    background: white;
}

ul.uk-navbar-nav {        /* den tatsächlichen Selektor aus DevTools einsetzen */
  display: flex;
  justify-content: flex-start;  /* statt space-between / space-around */
  align-items: center;
  gap: 0.5rem;                    /* EIN einheitlicher Abstand für alle */
  flex-wrap: nowrap;
}

.uk-navbar-item.uk-logo {
     padding: 0 4rem 0 1.5rem;
}

.uk-navbar-nav > li > a,
.uk-navbar-dropdown-nav>li>a {
    color: var(--nav-color);
    font-size: 1vw;
    padding: 0 12px;
    /* width: min-content; */
    width: 100%;
    white-space: normal;
}

.uk-navbar-nav > li > a:hover,
.uk-navbar-dropdown-nav>li>a:hover,
.uk-navbar-nav > li > a.uk-active,
.uk-navbar-dropdown-nav>li>a.uk-active {
    color: var(--nav-hover-color);
}

.language-nav-inline .uk-navbar-item {
    padding: 0 15px;
}
.language-nav-inline .lang-item {
    color: #999;           /* inaktive Sprachen */
    text-decoration: none;
    font-size: 1vw;
}

@media (min-width: 1280px) {
   .uk-navbar-nav > li > a,
   .uk-navbar-dropdown-nav>li>a,
   .language-nav-inline .lang-item {
       font-size: 14px;
   } 
}

.language-nav-inline .lang-item:hover {
    color: var(--nav-hover-color);
}
.language-nav-inline .lang-active {
    color: var(--nav-color);           /* oder eure CD-Farbe */
    /* font-weight: 700; */
    /* alternativ: border-bottom: 2px solid #e30613; */
}
.language-nav-inline .lang-sep {
    margin: 0 6px;
    color: #ccc;
}

.uk-offcanvas-bar a {
    color: var(--nav-color);
}

.uk-offcanvas-bar a:hover,
.uk-offcanvas-bar a.uk-active {
    color: var(--nav-hover-color);
}

.uk-navbar {
    box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
}

.wrapper {
    min-height: 95vh;
    box-sizing: border-box;
}

h1, h2, h3, .uk-card-default .uk-card-title, .hero-title-color {
    color: #666;
}
h3 {
    color: #333;
}
.content a {
   color: #a8b818;
font-weight: bold;
}

em {
    color: #666;
}

.red {
    color: #f0506e;
}

.uk-first-column {padding-left: 0;}
.uk-card-title {
    font-size: 2rem;
}
.uk-card-default {
   box-shadow: 0 5px 15px rgba(0,0,0,.5);
}

.footer {
    height: 5vh;
    background: #eee;
}
.uk-totop-button {
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: none; /* Hidden by default */
  z-index: 1000;
}
.uk-button-secondary {
  border: 1px solid #a8b818;
  border-radius: 5px;
  background: #eee;
}
.uk-button-secondary:focus, .uk-button-secondary:hover {
  background: #a8b818;
  color: #eee;
}
.uk-heading-small {
    font-size: 2rem;
}
.uk-button-danger {
  border: 1px solid #a8b818;
  border-radius: 5px;
  background: #a8b818;
}
a.uk-button-danger {
  color: white;
}
.uk-button-danger:focus, .uk-button-danger:hover {
  background: #eee;
  color: #a8b818;
}


.list-with-image {
  display: flex;
  gap: 1rem;
  align-items: flex-start;
}

.list-with-image ul {
  margin: 0;
  padding-left: 1.2rem;
}

.list-with-image img {
  max-width: 200px;
  height: auto;
}



@media (max-width: 640px){
    .logo {
        max-width: 80px;
    }
}