* {
    font-family: serif;
}

body {
    background-image: url("Barfuss_im_Grueni.jpeg");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}

/* für side-by-side view */
.main-container {
    max-width: 1000px;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 1em auto auto auto;
}

.navigation {
    flex: 0;
    background-color: #FDB1AB;
    padding: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
}

.contentblock {
    flex: 0.7;
    padding: 1em;
    background-color: #FEF1C8;
    text-align: center;
}

/* für einzelne dinge, zuerst gedichte */
.gedicht {
    margin: 0px auto 0px auto;
    width: 60%;
    background-color: lightblue;
    padding: 1px 15px 15px 15px;
}

.backbutton {
    margin: 20px 0px auto 0px;
    text-align: left;
    font-size: 1.6em;
}

/* hier beginnen kleinere Dinge */

/* auf das die horizontal lines zwei linien sind: */
hr {
	border: none;
	border-top: 3px double black;
	color: black;
}