/* Main: Container für Inhalt, mit Rand, Hintergrund und etwas Abstand */

main {
    background-color: #B0B0B0;
    margin-top: 80px;
    margin-left: 120px;
    margin-right: 120px;
    border-radius: 15px;
    padding: 10px;
    padding-bottom: 200px;
    border-radius: 10px;
    /* zweite border-radius setzt die vorherige außer Kraft */
}


/* Container: richtet Inhalt als Zeile aus */

.container {
    display: flex;
    align-items: flex-start;
}


/* Bilder in Links: maximal 300px breit, passend skaliert und als Block dargestellt */

a .left img {
    max-width: 300px;
    height: auto;
    display: block;
}


/* Spacer: kleiner Bereich als Abstand mit Hintergrundfarbe */

.spacer {
    width: 30px;
}


/* Textbereich rechts: etwas kleiner, mit Hintergrund, kleiner Einrückung und anderer Typographie */

.right {
    max-width: 600px;
    background-color: rgb(204, 200, 200);
    font-family: Arial, sans-serif;
    font-size: 1.1rem;
    padding-left: 20px;
}


/* Paragraph im Textbereich: etwas padding, kleiner Abstand unten und abgerundete Ecken */

.right p {
    border-radius: 10px;
    padding: 15px;
    margin-bottom: 20px;
}


/* Alle divs: allgemein etwas abgerundet und mit padding unten */

div {
    border-radius: 20px;
    padding-bottom: 10px;
}

img {
    margin-top: 60px;
    border-radius: 10px;
}