/* -------------------- Header Wrapper ANFANG -------------------- */
.header-wrapper {
  transition: transform 0.3s ease;
  will-change: transform;
}

/* -------------------- Header Wrapper ENDE -------------------- */

/* -------------------- Topinfo Main Anfang -------------------- */
.top-info {
    display: none;
}
@media (min-width: 1200px) {
    .top-info {
        display: block;
        height: 150px;
        background: var(--bg-top-info);
        backdrop-filter: blur(5px);
    }
    .top-info .top-info-brand {
        opacity: 1 !important;
    }
    .top-info .top-info-brand .logo-theme {
        width: 350px;
    }
}
/* -------------------- Topinfo Main Ende -------------------- */