/*
Theme Name: Michelle
Theme URI: http://www.bodenstein.app
Description: Theme für yakiuta und boarchitekt
Author: yakiuta
Author URI: http://www.bodenstein.app
Version: 2026
*/
:root {
    /*Farben*/
    --background-color: rgb(44, 52, 64);
    --body-color:#ffffff;
    --body-color-lightgrey:#818181;
    --footer-background-color: #2e2e2e;
    /*Maße*/
    --side-distance: 15px;
}
body {
    background-color: var(--background-color);
    color: var(--body-color);
    padding: 0 var(--side-distance);
    margin: 0;
}
#navLabel {
    position: fixed;
    left: var(--side-distance);
    top: 0;
    width: 100%;
    background-color: var(--background-color);
    z-index: 999;
}
#navCheckbox {
    display: none;
}
nav {
    height: 0;
    overflow: hidden;
    position: fixed;
    top: 100px;
    left: 0;
    float: left;
}
#navCheckbox:checked ~ nav {
    height: auto;
}
#navCheckbox:checked ~ #wrapper {
    display: none;
}
h1.nav {
    margin: 20px 0 0;
}
#wrapper {
    margin: 100px 0 0;
    height: calc(100vh - 100px);
}
#wrapper.home {
    background-image: url("../graphics/jb-home.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;

}
.contentCol::after {
    clear: both;
}
#content {
    width: 100%;
}

/*
 *
 * Responsiveness */

@media only screen and (min-width: 600px) {
    #wrapper {
        margin: 100px 0 0;
        display: grid;
        grid-template-columns: 200px 1fr;
    }
    .navCol {
        grid-column: 1/2;
    }
    .contentCol {
        grid-column: 2/3;
    }
    #content {
        float: right;
        width: 537px;
    }

}