@charset "utf-8";
/* CSS Document */
 
        *body {
            display: grid;
            gap: 0.5em;
        
            img {
                width: 100%;
                height: auto;
            }
        }

        @media (min-width: 30em){
            body {
            font-family: Arial, sans-serif;
            min-height: 100vh;
            display: grid;
            gap:0.5em;
            /*display: flex */
            /*flex-direction: column;*/
            grid-template-columns: 1fr 3fr 2fr;
            grid-template-rows: min-content 1fr min-content;

			img {
            width: 100%;
            }
            }
        }

        header {
            background-color: white;
            color: black;
            padding: 10px;
            text-align: center;
            grid-column: 1/-1;
            grid-row: 1;
        }

        main {
            /*flex: 1; */
            padding: 20px;
            background-color: white;
            grid-column: 2;
            grid-row: 2;
            border: thin solid gray;
        }

        inhalt {
            /*flex: 1; */
            padding: 20px;
            background-color: white;
            grid-column: 2;
            grid-row: 2;
            border: thin solid gray;
        }

        nav{
            padding: 10px;
            grid-column: 1;
            grid-row: 2;
            border: thin solid gray;
        }

        aside{
            padding: 10px;
            grid-column: 3;
            grid-row: 2;
            border: thin solid gray;
        }

        footer {
            background-color: white;
            color: black;
            padding: 15px;
            text-align: center;
            text-color: white;
            grid-column: 1/-1;
            grid-row: 3;
        }