@import url(https://fonts.googleapis.com/css2?family=Montserrat&family=Shadows+Into+Light&display=swap);

/*Version #1 ohne Hover*/

.tagebuch1ela { 
width: 500px;
min-height: 300px;
background: #46a29f;
margin: auto;
padding: 10px;
}

.tagebuch1elaheadline {
min-width: auto;
height: auto;
padding: 5px;
text-transform: uppercase;
border: 1px solid #c2e8dd;
color: #c2e8dd;
margin: auto;
margin-top: 10px;
font-family: Montserrat, sans-serif;
font-size: 40px;
text-align: center;
}

.tagebuch1eladatum {
width: 500px;
height: auto;
padding: 1px;
font-family: Shadows Into Light, cursive;
font-size: 30px;
text-transform: lowercase;
text-align: left;
color: #c2e8dd;
margin-top: 19px;
}

.tagebuch1elaeintrag {
width: 500px;
height: 200px;
overflow: auto;
background: #206161;
margin: auto;
margin-top: -10px;
padding: 3px;
font-family: Montserrat, sans-serif;
font-size: 12px;
color: #fff;
}

/*Version #2 mit Hover*/
.tagebuch2ela { 
width: 500px;
height: 500px;
margin: auto;
padding: 10px;
overflow: auto;
}

.tagebuch2ela .hover {
width: 480px;
min-height: 500px;
background: #46a29f;
opacity: 0;
transition: 1s;
}

.tagebuch2ela:hover .hover {
opacity: 0.9;
transition: 1s;
}

.tagebuch2elaheadline {
width: 400px;
height: auto;
padding: 5px;
text-transform: uppercase;
border-bottom: 1px solid #c2e8dd;
color: #c2e8dd;
margin: auto;
margin-top: 10px;
font-family: Montserrat, sans-serif;
font-size: 40px;
text-align: center;
}

.tagebuch2eladatum {
width: 400px;
height: auto;
padding: 1px;
font-family: Shadows Into Light, cursive;
font-size: 30px;
text-transform: lowercase;
text-align: left;
color: #c2e8dd;
margin: auto;
margin-top: 19px;
}

.tagebuch2elaeintrag {
width: 400px;
height: 200px;
overflow: auto;
background: #206161;
margin: auto;
margin-bottom: 10px;
margin-top: -10px;
padding: 3px;
font-family: Montserrat, sans-serif;
font-size: 12px;
color: #fff;
}