.gridgalerie-box .image-wrapper{
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-auto-rows: minmax(25vw, auto);
}
.gridgalerie-box .image-wrapper .image{
position: relative;
margin-bottom: 0px;
border-radius: 10px;
overflow: hidden;
}
.gridgalerie-box .image-wrapper .image img{
position: absolute;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center center;
display: block;
}
.gridgalerie-box .image-wrapper .image:nth-child(1){
grid-column: 1 / 2;
grid-row: 1 / 2;
}
.gridgalerie-box .image-wrapper .image:nth-child(2){
}
.gridgalerie-box .image-wrapper .image:nth-child(3){
grid-column: 3 / 5;
}
.gridgalerie-box .image-wrapper .image:nth-child(4){
grid-column: 1 / 3;
grid-row: 2 / 3;
}
.gridgalerie-box .image-wrapper .image:nth-child(5){
grid-column: 3 / 4;
grid-row: 2 / 3;
}
.gridgalerie-box .image-wrapper .image:nth-child(6){
grid-column: 4 / 5;
grid-row: 2 / 3;
}
.gridgalerie-box a{
display: block;
}
.galerie-box .section-content ul li{
margin-bottom: 0px;
}
.gridgalerie-box .text{
position: absolute;
z-index: 1;
width: 100%;
height: 100%;
background: rgba(48, 44, 41, 0.9);
color: #fff;
padding: 3vw;
padding-bottom: 65px;
font-family: Montserrat Light !important;
line-height: 180%;
display: flex;
flex-wrap: wrap;
align-items: center;
display: none;
}
.gridgalerie-box .more-info, 
.gridgalerie-box .zoom{
z-index: 2;
width: 45px;
height: 45px;
display: block;
position: absolute;
bottom: 10px;
text-indent: -9999px;
cursor: pointer;
border-radius: 3px;
}
.gridgalerie-box .zoom{
right: 65px;
background: url(//ba-youniverse.de/wp-content/themes/flexawesomebygalano/fa-layout/fa-images/icon-zoom.svg) no-repeat center center rgba(234, 231, 227, 0.9);
background-size: 55% auto;
}
.gridgalerie-box .more-info{
background: rgba(234, 231, 227, 0.9);
right: 10px;
}
.gridgalerie-box .more-info .line_1,
.gridgalerie-box .more-info .line_2,
.gridgalerie-box .more-info .line_3{
display: block;
height: 2px;
width: calc(100% - 20px);
background: #302C29;
left: 10px;
position: absolute;
}
.gridgalerie-box .more-info .line_1{
top: 12px;
}
.gridgalerie-box .more-info .line_2{
width: calc(100% - 25px);
top: 21px;
transform-origin: center;
}
.gridgalerie-box .more-info .line_3{
top: 30px;
transform-origin: center;
}
@keyframes line_1_active_animation {
0% {
}
100% {
top: 21px;
transform: rotate(-45deg);
}
}
@keyframes line_3_active_animation {
0% {
}
100% {
top: 21px;
transform: rotate(45deg);
}
}
.gridgalerie-box .more-info.active .line_1{
animation-name: line_1_active_animation;
animation-duration: 1s;
animation-fill-mode: forwards;
}
.gridgalerie-box .more-info.active .line_2{
display: none;
}
.gridgalerie-box .more-info.active .line_3{
animation-name: line_3_active_animation;
animation-duration: 1s;
animation-fill-mode: forwards;
} @media (max-width: 1400px) {
.gridgalerie-box .text{
font-size: 14px;
}
.mainheader .titel span{
font-size: 80px;
}
.gridgalerie-box .image-wrapper{
grid-template-columns: repeat(2, 1fr);
grid-auto-rows: minmax(40vw, auto);
}
.gridgalerie-box .image-wrapper .image:nth-child(1) {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
.gridgalerie-box .image-wrapper .image:nth-child(2) {
grid-column: 2 / 3;
grid-row: 1 / 2;
}
.gridgalerie-box .image-wrapper .image:nth-child(3) {
grid-column: 1 / 2;
grid-row: 2 / 3;
}
.gridgalerie-box .image-wrapper .image:nth-child(4) {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
.gridgalerie-box .image-wrapper .image:nth-child(5) {
grid-column: 1 / 2;
grid-row: 3 / 4;
}
.gridgalerie-box .image-wrapper .image:nth-child(6) {
grid-column: 2 / 3;
grid-row: 3 / 4;
}
}
@media (max-width: 980px) {
}
@media (max-width: 680px) {
.gridgalerie-box .image-wrapper{
grid-auto-rows: minmax(50vw, auto);
}
.gridgalerie-box .more-info, .gridgalerie-box .zoom{
width: 40px;
height: 40px;
}
.gridgalerie-box .more-info .line_3{
top: 28px;
}
.gridgalerie-box .more-info .line_2{
top: 20px;
}
.gridgalerie-box .zoom{
right: 60px;
}
}
@media (max-width: 550px) {
.gridgalerie-box .image-wrapper{
grid-template-columns: repeat(1, 1fr);
grid-auto-rows: minmax(50vw, auto);
}
.gridgalerie-box .image-wrapper .image:nth-child(1) {
grid-column: 1 / 1;
grid-row: 1 / 2;
}
.gridgalerie-box .image-wrapper .image:nth-child(2) {
grid-column: 1 / 1;
grid-row: 2 / 3;
}
.gridgalerie-box .image-wrapper .image:nth-child(3) {
grid-column: 1 / 1;
grid-row: 3 / 4;
}
.gridgalerie-box .image-wrapper .image:nth-child(4) {
grid-column: 1 / 1;
grid-row: 4 / 5;
}
.gridgalerie-box .image-wrapper .image:nth-child(5) {
grid-column: 1 / 1;
grid-row: 5 / 6;
}
.gridgalerie-box .image-wrapper .image:nth-child(6) {
grid-column: 1 / 1;
grid-row: 6 / 7;
}
}