.kaffeebohnen-container {
    /* The image used */
    background-image: url("res/Kaffeerahmen-unoptimized.png");
    height: 200px;
    background-position-x: 0;
    background-position-y: 1vh;
    /* Center and scale the image nicely */
    background-repeat: no-repeat;
    background-size: 100vw;
}


body {
    color: black;
}

.overhead {
    background: rgba(213, 189, 157, 0.5);
    background: #d5bd9d;
    color: black;
}

.text-image-container {
    margin-left: 0.7vw;
    margin-right: 0.7vw;
    /*border: 1px solid red;*/
    display: flex;
    flex-direction: row;
    padding-bottom: 1vw;
}

.text-image-container-reverse {
    margin-left: 0.7vw;
    margin-right: 0.7vw;
    /*border: 1px solid yellow;*/
    display: flex;
    flex-direction: row-reverse;
    padding-bottom: 1vw;
}

.text-image-container > div {
    margin: 10px;
    /*border: 5px solid green;*/
}

.text-image-container-reverse > div {
    margin: 10px;
    /*border: 5px solid orange;*/
}

h1 {
    text-align: center;
    font-size: 50px;
}

.text-in-container {
    padding-left: 10px;
    background: #d5bd9d;
    width: 100%;
    padding-right: 0.7vw;
}

.image-in-container {
    display: flex;
    align-items: center;
}

.image-in-container > img {
    max-height: 450px;
    max-width: 400px;
}

.hilfreiche-links-container {
    text-align: center;
    /*border: 2px solid red;*/
    background: rgba(213, 189, 157);
}

.hilfreiche-links-container > p > a {
    text-decoration: none;
}

/* unvisited link */
.hilfreiche-links-container > p > a:link {
    color: white;
}
  
/* visited link */
.hilfreiche-links-container > p > a:visited {
    color: grey;
}
  
/* selected link */
.hilfreiche-links-container > p >a:active {
    color: blue;
}

h2 {
    text-decoration: underline;
}

#zentriert-text {
    text-align: center;
}

#letztes {
    height: 100%;
    align-self: center;
}

#letztes > img {
    height: 300px;
}