.details_box
{
position: relative;

box-sizing: border-box;

margin: 0;
padding: 0;
padding-top: 20px;

width: 100%;

display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;

flex-wrap: wrap;

transition: all 0.5s ease-out;
}

.details
{
position: relative;

box-sizing: border-box;

margin: 0;
padding: 0;

aspect-ratio: 1 / 1;

width: calc(calc(100% / 5) - 20px);
height: auto;

display: flex;
flex-direction: row;
justify-content: center;

background-color: lightgrey;

box-shadow: 0 0 20px #00c1c5, 0 0 5px black;

border-radius: var(--outer_radius);

border: solid 2px black;

cursor: pointer;

background-position: center;
background-size: 75% 75%;
background-repeat: no-repeat;

transition: all 0.5s ease-out;
}

.details:hover
{
background-color: orange;
}

.details:active
{
background-color: orange;
}

#details_about
{
background-image: url("/global/details/media/images/details.info.png");
}

#details_location
{
background-image: url("/global/details/media/images/details.location.png");
}

#details_time
{
background-image: url("/global/details/media/images/details.time.png");
}

#details_gear
{
background-image: url("/global/details/media/images/details.gear.png");
}

#details_regulations
{
background-image: url("/global/details/media/images/details.regulations.png");
}

#details_email
{
background-image: url("/global/impressum/media/images/email.png");
}

#details_phone
{
background-image: url("/global/impressum/media/images/phone.png");
}

#details_species
{
background-image: url("/global/details/media/images/details.species.png");
}

#details_guides
{
background-image: url("/global/details/media/images/details.guides.png");
}

#details_profile
{
background-image: url("/global/details/media/images/details.guides.png");
}


#species_details_output
{
position: relative;

box-sizing:border-box;

margin-top: var(--margin_top_value);

padding: 0;

width: 100%;

display: flex;
flex-direction: column;
align-items: center;

text-align: center;
font-size: 16px;
color: black;

border: var(--border_style);
border-radius: var(--outer_radius);

background-image: url("/background/faroe-islands-fishing-guide-1.jpg");
background-position: center;
background-repeat: no-repeat;
background-size:cover;
background-attachment: fixed;

background: #d5d5d5;
background: rgb(153 196 233 / 85%);

box-shadow: var(--text_box_shadow_style);

transition: all 0.5s ease-out;
}