/* Stil für die Top-Bar */
#topbar {
    background-color: #e63d00;
    padding: 10px 0;
    border-bottom: 1px solid #e3e3e3;
}

.topbarmain {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.topbar-logo {
    height: 40px;
}

.top_cates {
    margin-right: 20px;
}

.top_cates form {
    display: flex;
    align-items: center;
}

.top_cates input[type="text"] {
    border: 1px solid #ccc;
    padding: 5px;
    margin-right: 5px;
}

.top_cates input[type="submit"] {
    padding: 5px 10px;
    border: none;
    cursor: pointer;
}

.loginmain .nav-item img {
    height: 20px;
    margin-right: 5px;
}

.registerbtn {
    padding: 5px 10px;
    border: none;
    background-color: #0059b3;
    color: #fff;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.registerbtn:hover {
    background-color: #ff4500;
}

/* Versteckt die Sidebar im mobilen Menü und auf Tablets */
@media (max-width: 1024px) and (orientation: portrait),
       (max-width: 1366px) and (orientation: landscape),
       (min-device-width: 768px) and (max-device-width: 1024px),
       (min-device-width: 820px) and (max-device-width: 1180px),
       (min-device-width: 1024px) and (max-device-width: 1366px),
       (min-device-width: 1080px) and (max-device-width: 2048px) and (min-resolution: 2dppx),
       (min-device-width: 2048px) and (max-device-width: 2732px) and (min-resolution: 2dppx) {
    .backcolor {
        display: none;
    }

    /* Deaktiviert das mobile Menü-Icon in der mobilen Ansicht */
    .mobile_menu_icon {
        display: none;
    }

    /* Versteckt den Register-Button in der mobilen Ansicht */
    .registerbtn {
        display: none;
    }

    /* Entfernt die Suchleiste in der Tablet-Ansicht */
    .top_cates {
        display: none;
    }

    /* Größeres Logo in der Tablet-Ansicht */
    .topbar-logo {
        height: 60px; /* Passe die Höhe nach Bedarf an */
    }

    /* Verschiebt das Sprach- und Login-Dropdown ganz nach rechts in der Tablet-Ansicht */
    .top-right {
        display: flex;
        align-items: center;
        margin-left: auto;
    }

    .top_cates {
        margin-left: auto; /* Verschiebt die Suchleiste nach links */
    }

    .loginmain {
        margin-left: auto; /* Verschiebt den Loginbereich nach rechts */
        display: flex;
        align-items: center;
    }

    /* Platziert das Logo in der Tablet-Ansicht links und stellt sicher, dass es sichtbar ist */
    .toplogo {
        order: -1;
        margin-right: auto;
        display: flex;
        align-items: center;
        border-right: none; /* Entfernt die Grenze in der Tablet-Ansicht */
        padding-right: 0; /* Entfernt das Padding in der Tablet-Ansicht */
    }

    .toplogo img {
        display: block; /* Stelle sicher, dass das Bild-Tag als Block angezeigt wird */
        height: 60px; /* Größere Höhe für Tablets */
    }

    /* Stellt sicher, dass die Sprachauswahl und der Login-Button angezeigt werden */
    .multi_lang,
    .user_login {
        display: flex !important;
    }
}