.team-member {
float: left;
position: absolute;
display: block;
opacity: 0;
transition: opacity .5s ease;
text-align: left; }
.team-member.active {
opacity: 1;
position: relative; }
.team-member .team-image {
max-width: 33%;
float: left; }
.team-member .team-member-content {
width: 64%;
float: right; }
.team-member .team-member-content .h-custom-headline.h2 {
margin-top: 0; }
.team-member .team-member-content .h-custom-headline.h1 {
margin: .5em 0 .3em; }
.team-trenner {
position: relative;
left: -20px;
margin: 3em 0 !important; }
.team-nav .team-nav-item {
width: 12%;
float: left;
margin-left: 2.66%;
opacity: .4;
transition: opacity .5s ease; }
.team-nav .team-nav-item.active {
opacity: 1; }
.team-nav .team-nav-item:hover {
cursor: pointer;
opacity: 1; }
.team-nav .team-nav-item:first-of-type {
margin-left: 0; }
@media screen and (max-width: 768px) {
.team-member {
position: inherit;
opacity: 1; }
.team-member .team-image {
max-width: 100%;
width: 100%;
float: none;
margin-bottom: 1em; }
.team-member .team-image img {
width: 100%; }
.team-member .team-member-content {
width: 100%;
float: none;
margin-bottom: 5em;
text-align: center; }
.team-nav {
display: none; } }