body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,p,blockquote,th,td {
	margin:0;
	padding:0;
}

body {
	display: grid;
	gap: 0.5em;
    line-height: 1.4em;
}

/* 3-spaltiges Layout für breitere Viewports */

@media (min-width: 45em) {
	body {
		grid-template-columns: 3fr 1.2fr;
		grid-template-rows: auto auto min-content auto;
	}
}

header,
nav,
main,
article,
section,
aside,
footer {
	padding: 0;
	margin: 0;
}

header,
footer,
nav {
	grid-column: 1 / -1;
}

header {

}

footer {

    text-align: left;
    clear:both;
}

footer a::before {
    content:"> "
}

nav ul {
	display: flex;
	flex-flow: row;
    padding:0;
	font-size:1.2em;
	text-align: center;
    
}

nav ul li {
	list-style: none;
	padding: 0 1em 0 0;
}

nav a {
	font-style:normal;
    text-decoration: none;
    color: #24D;
    
}

nav a::before {
    content:"> "
}


nav a:hover {
    font-weight: 600;
}


footer * {
	float: right;
	clear: right;
	margin: 0 0 1em;
}

body {
    max-width:68em;
	margin: 0 auto;
	font-family: "Courier New", monospace;
}

.project_media {
  display:flex;
    flex-wrap:wrap;
    flex-direction: auto; 
    justify-content: space-around;
}

.project_media img {
    max-width:30em;
    margin: 1em;
	object-fit: cover;
}

.project_media iframe {
    aspect-ratio: 16/9;
    margin: 1em;
    order:-1;
}

ul {
    padding-left:0;
}

li {
    list-style:none;
}