.hero {
  background: linear-gradient(180deg, rgba(3,37,65,0.9), rgba(3,37,65,0.85)),
  url('../img/hero.jpg')
  center/cover no-repeat;
  color: white;
}
.hero h1, .hero p, .hero a { color: white !important; }

    .site-logo img { height: 48px; }
    .uk-navbar-nav > li > a { padding-left: 20px; padding-right: 20px; color: #222; font-weight: 500; }

        /* Karten Angleichen mit Flexbox */
    .uk-card.uk-card-default {
      display: flex;
      flex-direction: column;
      height: 100%;
    }
    .uk-card-body {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
    }
    .card-content {
      flex-grow: 1;
      display: flex;
      flex-direction: column;
    }
    .card-content table {
      margin-top: auto;
    }
    .card-content table td {
      white-space: nowrap; /* Maße bleiben in einer Zeile */
    }
    .card-content p.desc {
      text-align: left; /* Nur Beschreibung linkbündig */
    }

    .card-img { height: 200px; object-fit: cover; width: 100%; }
  #angebote .uk-card {
    max-width: 400px;   /* typische Kartengröße */
    margin-left: auto;
    margin-right: auto;
  }


   /* .uk-offcanvas-bar { background-color: #fff; color: #222; }
    .uk-offcanvas-bar a { color: #222; }*/

#offcanvas-nav .uk-offcanvas-bar {
  background: #f8f8f8 !important;
  background-color: #f8f8f8 !important; /* falls ein Theme 'background-color' nutzt */
  color: #222 !important;
}

/* Links & Close-Icon dunkel */
#offcanvas-nav .uk-nav > li > a { color: #222 !important; }
#offcanvas-nav .uk-nav > li > a:hover { color: #000 !important; }
#offcanvas-nav .uk-offcanvas-close { color: #222 !important; }

/* Divider dezenter */
#offcanvas-nav .uk-nav-divider { border-color: rgba(0,0,0,0.1) !important; }
    .uk-button.waitlist { background-color: #e0e0e0; color: #444; border: 1px solid #ccc; }
    .uk-button.waitlist:hover { background-color: #d5d5d5; color: #222; }
    

/* Speziell nur den Primary-Button im Offcanvas blau darstellen */
#offcanvas-nav .uk-button-primary {
  background-color: #1e87f0 !important; /* UIkit Blau */
  color: #fff !important;
  border: none !important;
}

#offcanvas-nav .uk-button-primary:hover {
  background-color: #0f6ecd !important;
  color: #fff !important;
}


    /* Breakpoint 740px */
    .nav-desktop { display: flex; }
    .nav-mobile { display: none; }
    @media (max-width: 800px) {
      .nav-desktop { display: none; }
      .nav-mobile { display: inline-flex; }
    }