html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus, .form-select:focus {
  box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
  color: var(--bs-secondary-color);
  text-align: end;
}

.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
  text-align: start;
}

/* Leere Validation-Summaries nicht sichtbar anzeigen */
.validation-summary-valid {
    display: none;
}

.board-kiosk {
    min-height: calc(100vh - 2rem);
}

.board-card-kiosk {
    min-height: 560px;
}

.board-card-kiosk .card-header,
.board-card-kiosk .card-body {
    padding: 1.5rem;
}

.board-card-kiosk .list-group-item {
    border-color: rgba(0, 0, 0, 0.08);
}

.katalog-page .card,
.schnellanforderung-page .card {
    border-radius: 1rem;
}

.katalog-page .touch-card,
.schnellanforderung-page .touch-card {
    transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.katalog-page .touch-card:hover,
.schnellanforderung-page .touch-card:hover {
    transform: translateY(-1px);
}

.katalog-produktname {
    line-height: 1.25;
}

.warenkorb-card {
    border: 2px solid rgba(13, 110, 253, 0.08);
}

.warenkorb-position-card,
.schnell-position-card {
    box-shadow: 0 0.125rem 0.5rem rgba(0, 0, 0, 0.05);
}

.katalog-layout .btn,
.katalog-layout .form-control,
.katalog-layout .form-select,
.schnellanforderung-page .btn,
.schnellanforderung-page .form-control,
.schnellanforderung-page .form-select {
    min-height: 48px;
}

@media (min-width: 992px) {
    .katalog-layout .btn,
    .schnellanforderung-page .btn {
        min-height: 54px;
    }

    .warenkorb-position-card .btn,
    .warenkorb-position-card .form-control,
    .schnell-position-card .btn,
    .schnell-position-card .form-control {
        min-height: 52px;
    }
}

@media (max-width: 991.98px) {
    .board-card-kiosk {
        min-height: auto;
    }

    .katalog-page .card-body,
    .schnellanforderung-page .card-body {
        padding: 1rem;
    }

    .warenkorb-card {
        position: static !important;
    }
}

/* Sticky Header für Tabellen */
.table th {
    position: sticky;
    top: 0;
    z-index: 10;
    background-color: #f8f9fa; /* Hintergrundfarbe für den Header */
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Leichter Schatten, um den Header hervorzuheben */
}

.table-responsive {
    max-height: 400px; /* Oder eine andere Höhe, die du bevorzugst */
    overflow-y: auto; /* Ermöglicht vertikales Scrollen, wenn der Inhalt die Höhe überschreitet */
}