@charset "utf-8";
/* CSS-Dokument für johanekamp.de Musik & Projekte,
   bitte im Verzeichnis /css speichern und mit src="css/formate_musikprojekte.css" einbinden!
   Evtl. wird diese Datei nachher seperiert von einer anderen "Haupt-CSS-Datei
*/
body {
	max-width: 80em;
	margin: 1em auto;
}

header {}

#begruessung {
    font-size: 2em;
    text-decoration: underline;
}

h1 {}

h2 {
    text-align: center;
    letter-spacing: 0.3em;
}

h3 {}

#aktuell {}

.akt-projekt {
    display: grid;
    grid-template-columns: 1fr 2fr;
}

.akt-projekt-figure {}

.akt-projekt-figure > a > img {
    width: 100%;
}

.akt-projekt-text {}

#vergangenheit {}

#alte-projekte-grid-container{
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}

.alt-projekt {}

.alt-projekt-figure {}

.alt-projekt-figure > a > img {
    width: 100%;
}

.alt-projekt-text {}

#baragan > figure {
    grid-column: 1 / 1;
}
#baragan > div {
    grid-column: 2 / 2;
}

#chinaski > figure {
    grid-column: 2 / 2;
}
#chinaski > div {
    grid-column: 1 / 1;
}

#klangexperiment > figure {}
#klangexperiment > div {}

#tho > figure {}
#thp > div {}

footer {
    text-align: center;
}