/* Eine einzige öffentliche Kopfzeile für Startseite, Login und Logout. */
html{
    /* Verhindert horizontales Springen, wenn nur eine Seite eine Scrollleiste benötigt. */
    scrollbar-gutter:stable;
}
.public-header{
    align-items:center;
    background:#fff;
    box-sizing:border-box;
    display:grid;
    gap:28px;
    grid-template-columns:1fr auto 1fr;
    margin:0 auto;
    max-width:1500px;
    padding:22px 6%;
    position:relative;
    width:100%;
    z-index:5;
}
.public-header__brand{
    justify-self:start;
    margin:0;
    padding:0;
}
.public-header__logo{
    display:block;
    height:38px;
    max-width:100%;
    width:auto;
}
.public-header__nav{
    display:flex;
    gap:24px;
    justify-content:center;
}
.public-header__nav a{
    color:var(--muted);
    font-weight:650;
    padding:8px 5px;
    text-decoration:none;
}
.public-header__nav a:hover{color:var(--primary)}
.public-header__login{justify-self:end}

/* Gemeinsame 1500-px-Seitenhülle für alle öffentlichen Ansichten. */
.public-page-shell{
    box-sizing:border-box;
    margin-left:auto;
    margin-right:auto;
    max-width:1500px;
    width:100%;
}

@media(max-width:1000px){
    .public-header{grid-template-columns:1fr auto}
    .public-header__nav{display:none}
}

@media(max-width:640px){
    .public-header{
        gap:16px;
        padding:22px 6%;
    }
    .public-header__logo{height:38px}
    .public-header__login{
        font-size:.8rem;
        padding:8px 16px;
    }
}