* {margin: 0; padding: 0; box-sizing: border-box;}

        body {
            height: 100vh;
            width: 100vw;
            font-family: Bahnschrift, 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            color: rgb(29, 28, 28);
        }

        .container {
            background-color: rgba(10, 10, 10, 0.05);
            display: grid;
            grid-template-rows: 5em 1fr 3em;
            grid-template-columns: 100%;
            height: 100%;
            width: 100%;
        }

        header {
            grid-row: 1/2;
            background-image: linear-gradient(rgba(10, 10, 10, 0.2) 0%, rgba(10, 10, 10, 0.3) 30%, rgba(10, 10, 10, 0.3) 70%, rgba(10, 10, 10, 0.2) 100%);
            padding: 1em;
            line-height: 3em;
            border-bottom: 0.1em solid rgba(10, 10, 10, 0.4);
        }

        main {
            display: grid;
            grid-template-rows: 100%;
            grid-template-columns: 100%;
            justify-items: center;
            align-items: center;
        }

        .background {
            grid-row: 1/2;
            grid-column: 1/2;
            height: 100%;
            width: 100%;
            background-image: url(../medien/werk.jpg);
            background-size: cover;
            background-position: center;
            opacity: 0.2;
            z-index: -99;                        
        }
        
        section {
            height: 100%;
            width: 100%;
            grid-row: 1/2;
            grid-column: 1/2;
        }
        
        footer {
            grid-row: 3/4;
            background-image: linear-gradient(rgba(10, 10, 10, 0.2) 0%, rgba(10, 10, 10, 0.3) 30%, rgba(10, 10, 10, 0.3) 70%, rgba(10, 10, 10, 0.2) 100%);
            border-top: 0.1em solid rgba(10, 10, 10, 0.4);
        }

        @media screen and (max-width: 600px) {

            body {
                height: 100vh;
                width: 100vw;
                font-size: 60%;
            }

            header {
                padding: 1;
                line-height: 2em;
                /* padding-left: 1em;
                padding-top: 0.4em; */
            }

            .container {
                display: grid;
                grid-template-rows: 4em 1fr 2em;
                grid-template-columns: 100%; 
            }

        }