/* Rahmen um das gesamte Layout */
.site { /* Oder verwenden Sie den richtigen Container-Namen */
    border: 1px solid #737373; /* Rahmenfarbe und -größe */
    padding: 10px; /* Abstand innerhalb des Rahmens */
    margin: 10px auto; /* Zentrierung und äußerer Abstand */
    max-width: 1200px; /* Optional: Maximale Breite */
    background: #fff; /* Optional: Hintergrundfarbe */
}

/* Für den Fall, dass Bootstrap nicht greift */
.card {
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 15px;
  background-color: #fff;
}

.card .card-title {
  font-size: 1.5rem;
  font-weight: bold;
}

.card .card-text {
  font-size: 1rem;
}

.card .btn {
  background-color: #007bff;
  color: #fff;
}

.btn-custom {
  background-color: #d4e6f7 !important; /* Standardfarbe von Bootstrap */
  color: white !important;
}

/*.btn-custom:hover {
  background-color: #e74c3c !important;
}*/

/* Center Logo nur für größere Bildschirme */
@media (min-width: 768px) {
    .uk-navbar-left {
        display: flex;
        justify-content: center;
        position: relative;
        width: 100%;
    }

    .uk-navbar-left > a.uk-navbar-item.uk-logo {
        display: inline-block;
    }
}


/* SubNav */
/* Entfernt Listenpunkte und rückt Text ein */
.uk-nav-sub {
    list-style-type: none;  /* Entfernt die Listenzeichen */
    padding-left: 20px;    /* Stärkere Einrückung */
}

.uk-nav-sub li {
    margin-bottom: 10px;  /* Abstand zwischen den Listenelementen */
}

/* Links im Normalzustand */
.uk-nav-sub a {
    text-decoration: none;
    color: black;  /* Standardfarbe */
}

/* Links beim Hover */
.uk-nav-sub a:hover {
    text-decoration: underline;
    color: #585858;  /* Farbe beim Mouseover */
}

/* Formulare Abstand zwischen Zeilen */
.form-group.row {
  margin-top: 10px !important;
}

/* Formulare Label über den Formfeldern anzeigen */
.form-group.row label {
    display: block !important; /* Stellt sicher, dass das Label blockweise dargestellt wird */
    width: 100% !important;   /* Nutzt die volle Breite */
    margin-bottom: 5px;       /* Abstand zwischen Label und Eingabefeld */
}

.form-group.row .col-9 {
    flex-basis: 100%; /* Breite des Eingabefeldes auf 100% setzen */
}

/* Desktop (ab 960px) */
@media (min-width: 960px) {
    .uk-navbar-item.uk-logo img.tm-logo {
        height: 200px; /* Höhe für Desktop */
        max-height: 100%; /* Verhindert Verzerrungen */
        width: auto; /* Beibehaltung des Seitenverhältnisses */
    }
}

/* Tablet (768px bis 959px) */
@media (min-width: 768px) and (max-width: 959px) {
    .uk-navbar-item.uk-logo img.tm-logo {
        height: 150px; /* Höhe für Tablet */
        max-height: 100%;
        width: auto;
    }
}

/* Mobile (bis 767px) */
@media (max-width: 767px) {
    .uk-navbar-item.uk-logo img.tm-logo {
        height: 80px; /* Höhe für Mobile */
        max-height: 100%;
        width: auto;
    }
}

@media (min-width: 768px) and (max-width: 959px) {
    .uk-navbar-center .uk-navbar-item {
        display: flex;
        align-items: center;
/* Stelle sicher, dass das Logo zentriert bleibt */
        justify-content: center;
    }

    .tm-logo {
        max-height: 50px; /* Falls das Logo zu groß ist */
        margin: 0 auto;
    }
}

@media (max-width: 959px) {
    .uk-sticky {
        display: block !important;
    }
}