.bestiarium {
width: 75%;
  margin: auto;
  background: var(--transparent);
}

.bm_facts {
font-size: 9px;
  text-transform: uppercase;
  margin-top: 10px;
  line-height: 200%;
}

.bm_facts b {
color:var(--golden);
}

.bm_pic {
width:80px;
margin:auto;
}

.bm_pic img {
width: 80px;
  height: auto;
}

.bm_descr {
font-size: 10px;
  text-align: justify;
  height: 200px;
  overflow: auto;
  padding-right: 10px;
  line-height: 170%;
  margin-top: 10px;
}

.best_mod {
padding: 20px;
  box-sizing: border-box;
}

.best_infos b {
color:var(--golden);
}

.best_infos {
display: flex;
  flex-wrap: wrap;
  gap: 20px;
  font-size: 10px;
  text-transform: uppercase;
  justify-content: center;
  width: 100%;
}

.best_descr {
width: 68%;
  text-align: justify;
  line-height: 210%;
  overflow: auto;
  height: 300px;
  padding-right: 20px;
  box-sizing: border-box;}

.bestiarium_view {
display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 30px;
  box-sizing: border-box;
}

.bestiarium_top {
background-image:var(--fb_pic);
  height: 240px;
}

.bestiarium_meta b {
color: var(--golden);
}

.bestiarium_top h2 {
position: absolute;
  width: 100%;
  text-align: center;
  top: 180px;
  text-transform: uppercase;
  font-family: var(--mainfont);
  letter-spacing: 2px;
}


.best_button {
font-size: 12px;
  margin-left: 20px;
}

.bestiarium_filters form {
font-size: 10px;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
  width: 800px;
  justify-content: center;
  margin: auto;}

.bestiarium_filters select, .bestiarium_filters input {
width: 130px !important;
  background: var(--schwarz);
  border: 1px solid var(--line1);
  height: 30px;
  font-size: 10px;
  text-transform: uppercase;
}

.bestiarium h1 {
border-bottom: 1px solid var(--golden);
  font-size: 30px;
  font-weight: bold;
  font-family: var(--mainfont);
  text-transform: uppercase;
  color: var(--golden);
  padding: 20px;
  background-image: var(--fb_pic);
  background-position-y: 86%;
  height: 100px;
  display: flex;
  align-items: center;
  padding-left: 60px;
  background-size: 100%;}

/*MODERATE*/

.bestiarium_moderation{
display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 30px;
}

.bestiarium_actions{
margin-top: 10px;
  font-size: 9px;
  text-transform: uppercase;
  text-align: center;
}

.bestiarium_actions a{
margin-right:10px;
}

.bestiarium_edit label{
display:block;
margin-top:10px;
font-weight:bold;
}

.bestiarium_edit input,
.bestiarium_edit textarea{
width:100%;
padding:6px;
}

/*FORMULAR*/

.bestiarium_submit{
max-width: 700px;
  margin: auto;
}

.form_row{
margin-bottom:15px;
}

.form_row label{
display:block;
font-weight:bold;
margin-bottom:5px;
}

.form_row input,
.form_row textarea{
width:100%;
padding:8px;
}

.form_row textarea{
min-height:120px;
}

.bestiarium_entries {
display: flex;
  flex-wrap: wrap;
  gap: 10px;
  box-sizing: border-box;
  padding: 30px;}

.bestiarium_entry{
width: 245px;
	border: 1px solid var(--line1);
	position:relative;
}

.bestiarium_image img{
max-width: 110px;
}

.bestiarium_image {
width: 110px;
  position: relative;
  top: 70px;
  left: 70px;
}

.bestiarium_view img{
max-width:400px;
}

.bestiarium_meta{
font-size: 10px;
  text-transform: uppercase;
  line-height: 210%;
  padding: 30px;
	background:var(--transparent);
}

.bestiarium_filters{
margin-bottom: 20px;
  font-size: 10px;
  text-transform: uppercase;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}