.header-logo-nav {
    width: 100%;
    height: 6rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: linear-gradient(145deg, rgb(101, 177, 253), rgb(50, 148, 253));
    box-shadow: inset 4px 4px 8px rgba(255,255,255,.8),
                inset -4px -4px 8px rgba(163,177,198,.5);
}

.header-logo-titel {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0.625rem;
    margin-left: 1.25rem;
}

.header-logo-titel img {
    width: 2rem;
}

.search {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1.25rem;

}

.search > input {
    width: 10rem;
    height: 1.5rem;
    padding: 0.25rem;
    border-radius: 0.25rem;
    border: transparent;
    box-shadow: 0 4px 8px rgba(255, 255, 255, 0.5);
}

@media screen and (min-width: 1280px){
    .header-logo-nav {
        padding: 0px max(0px, calc(50% - 720px));
    }
}