/* This file is for style variations on desktop devices */
@media only screen and (min-width: 600px) {
    .section  {
        padding: 2em 10em 2em 10em;
    }

    #footer {
        padding: 2em;
    }

    .panel11 {
        grid-template-columns: 1fr 1fr;
    }
    .panel12 {
        grid-template-columns: 1fr 2fr;
    }
    .panel21 {
        grid-template-columns: 2fr 1fr;
    }

    .icon {
        width: 24px;
    }

    .gallery {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    
    .tiles {
        grid-template-columns: 1fr 1fr 1fr;
    }

    .gallery > img {
        width: 100%;
    }

    /* theme specific */

    .linktree {
        grid-template-columns: auto auto auto auto auto;
    }

    #nav_logo_small,
    #nav_dropBtn,
    #nav_account_m {
        display: none;
    }
    
    #titel {
        height: 50vh;
        margin-bottom: -15vh;
    }

    .nav_categories {
        display: grid;
        margin-left: 10px;
    }
    
    .nav_links {
        background-color: black;
        border-radius: 10px;
        margin-top: 10px;
    }

    .nav_dropdown {
        display: none;
        position: absolute;
    }

    .nav_category:hover .nav_dropdown,
    .nav_category:hover #nav_login {
        display: grid;
    }

    #navbar {
        grid-template-columns: auto auto 1fr auto;
    }

    #nav_logo,
    #nav_logo_small {
        margin: auto 10px auto auto;
    }

    .nav_category {
        grid-row: 1;
        background-color: transparent;
        border-radius: 10px;
        margin: auto;
    }

    .nav_category:hover {
        background-color: rgba(255, 255, 255, 0.2);
    }

    .nav_links { 
        width: fit-content;
        padding: 0.5em;
    }

    .nav_category > a,
    .nav_links > a { 
        padding: 0.8em 1em 0.8em 1em;
    }

    #bar_prices {
        grid-template-columns: 1fr 1fr 1fr;
    }

    #nav_login > input,
    #nav_loggedIn > input {
        margin: 0.2em;
    }

    .attendees {
        grid-template-columns: 1fr 1fr 1fr;
        gap: 1em;
    }

    #nav_login,
    #nav_loggedIn {
        position: fixed;
        width: fit-content;
        right: 10px;
    }

    #subtext {
        width: 50vw;
    }
}