.profil .paging {
padding-top: 2rem; }
.profil .list {
display: grid;
grid-template-columns: repeat(1, 1fr);
gap: 30px; }
@media all and (min-width: 600px) {
.profil .list {
grid-template-columns: repeat(2, 1fr); } }
@media all and (min-width: 1200px) {
.profil .list {
grid-template-columns: repeat(3, 1fr); } }
.profil .item {
position: relative;
overflow: hidden;
cursor: pointer;
margin-bottom: 1.25rem; }
@media all and (min-width: 767px) {
.profil .item {
margin-bottom: 1.875rem; } }
.profil .item img {
width: 100%;
height: 100%;
object-fit: cover; }
.profil .item .info {
position: absolute;
top: 0;
display: none;
background-color: rgba(43, 27, 59, 0.7);
height: 100%;
width: 100%;
z-index: 2;
transition: 0.3s; }
.profil .item .info .flex-wrap {
padding: 1.875rem;
color: #fff;
display: flex;
flex-direction: column;
position: absolute;
bottom: 0; }
.profil .item .info .flex-wrap h2 {
margin-bottom: .3125rem; }
.profil .item:hover .info {
display: block; }
#karriere .links {
padding-top: 1.875rem;
padding-bottom: 3.125rem; }
#karriere .links a {
display: block;
margin-bottom: 2rem; }