@import url(https://fonts.googleapis.com/css2?family=Nerko+One&display=swap);

.steckbriefela {
width: 500px;
height: 700px;
background: #1d2727;
padding: 15px;
margin: auto;
}

.steckbriefelabild {
width: 500px;
height: 250px;
}

.steckbriefelabild .hover {
width: 500px;
height: 250px;
background: #1d2727;
opacity: 0;
transition: 1s;
}

.steckbriefelabild:hover .hover {
opacity: 0.7;
transition: 1s;
transform: rotate(180deg);
}

.steckbriefelatitel {
margin: auto;
width: 490px;
min-height: 10px;
font-family: Nerko One, cursive;
font-size: 40px;
border: 1px solid #e6c98d;
text-align: center;
transform: rotate(180deg);
text-align: top;
color: #e6c98d;
}

.steckbriefelainfos {
width: 490px;
min-height: 100px;
font-size: 11px;
font-family: Montserrat, sans-serif;
text-align: right;
transform: rotate(180deg);
padding: 2px;
color: #e6c98d;
}

.steckbriefelaheadlinelinks {
width: 430px;
height: auto;
font-family: Nerko One, cursive;
font-size: 40px;
color: #e6c98d;
padding-left: 20px;
}

.steckbriefelaheadlinerechts {
width: 450px;
height: auto;
text-align: right;
font-family: Nerko One, cursive;
font-size: 40px;
color: #e6c98d;
}

.steckbriefelatextbox {
width: 450px;
height: 200px;
padding: 5px;
text-align: justify;
font-family: Montserrat, sans-serif;
font-size: 12px;
overflow: auto;
border: 1px solid #e6c98d;
margin: auto;
margin-top: -13px;
background: #46a29f;
color: #000;
}

.steckbriefelakasten {
width: 500px;
height: 450px;
overflow: auto;
}