/* style.css */

body {
    background-color: #f6f6f6; /* Heller Hintergrund wie bei Firefox */
    font-family: 'Open Sans', sans-serif; /* Firefox-ähnliche Schriftart */
    color: #333;
}

/* Anpassungen für die Haupt-Layout-Zentrierung */
main {
    min-height: calc(100vh - 60px); /* Vh-100 minus Footer-Höhe */
}


/* Suchleiste Styling */
.search-container {
    max-width: 600px; /* Maximale Breite der Suchleiste */
}

.custom-search-input {
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    border-right: none !important; /* Entfernt den rechten Border des Inputs */
    padding-left: 20px; /* Etwas mehr Padding links */
    padding-right: 20px; /* Etwas mehr Padding rechts */
}

.custom-search-button {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    background-color: #0d6efd; /* Bootstrap Primary Farbe */
    border-color: #0d6efd;
    color: white;
    padding-left: 15px; /* Padding für den Button */
    padding-right: 15px;
}

.custom-search-button:hover {
    background-color: #0b5ed7; /* Dunklerer Ton beim Hover */
    border-color: #0b5ed7;
}

/* Um die abgerundeten Ecken der Input-Gruppe zu simulieren */
.input-group.shadow-sm > :first-child {
    border-top-left-radius: 2rem !important; /* Start abrunden */
    border-bottom-left-radius: 2rem !important;
}
.input-group.shadow-sm > :last-child {
    border-top-right-radius: 2rem !important; /* Ende abrunden */
    border-bottom-right-radius: 2rem !important;
}


/* Schnellzugriff-Karten Styling */
.quick-access-card {
    background-color: #ffffff;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.05);
    transition: all 0.2s ease-in-out;
    color: #333; /* Standard-Textfarbe */
}

.quick-access-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border-color: #0d6efd; /* Leichter Rand beim Hover */
    color: #0d6efd; /* Textfarbe beim Hover */
}

.quick-access-icon {
    width: 48px; /* Größe der Icons */
    height: 48px;
    object-fit: contain; /* Bild proportional halten */
}

.quick-access-text {
    font-size: 0.9rem;
    color: #555;
    white-space: nowrap; /* Verhindert Zeilenumbruch */
    overflow: hidden;    /* Überlaufenden Text ausblenden */
    text-overflow: ellipsis; /* ... bei abgeschnittenem Text */
    max-width: 100%; /* Wichtig für ellipsis */
}

.quick-access-card:hover .quick-access-text {
    color: #0d6efd; /* Textfarbe beim Hover anpassen */
}

/* Footer Styling */
.footer {
    height: 60px; /* Feste Höhe für den Footer */
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}