@charset "utf-8";

.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 / 3;
grid-row: 1 / 2;
}
.gridgalerie-box .image-wrapper .image:nth-child(2){
grid-column: 3 / 4;
grid-row: 1 / 2;
}
.gridgalerie-box .image-wrapper .image:nth-child(3){
grid-column: 4 / 5;
grid-row: 1 / 2;
}
.gridgalerie-box .image-wrapper .image:nth-child(4){
grid-column: 1 / 2;
grid-row: 2 / 3;
}
.gridgalerie-box .image-wrapper .image:nth-child(5){
grid-column: 2 / 3;
grid-row: 2 / 3;
}
.gridgalerie-box .image-wrapper .image:nth-child(6){
grid-column: 3 / 5;
grid-row: 2 / 3;
}
.gridgalerie-box .image-wrapper .image:nth-child(7){
grid-column:5 / 6;
grid-row: 1 / 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: #F4A496;
color: #fff;
padding: 3vw;
padding-bottom: 65px;
line-height: 180%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.gridgalerie-box .image-wrapper .image:nth-child(3) .text{
background: #278B8E;
}
.gridgalerie-box .text{
}
.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;
}
.gridgalerie-box .zoom{
right: 10px;
background: url(//kerambia.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 .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(3, 1fr)
}
.gridgalerie-box .image-wrapper .image:nth-child(1) {
grid-column: 1 / 2;
grid-row: 1 / 3;
}
.gridgalerie-box .image-wrapper .image:nth-child(2) {
grid-column: 2 / 4;
grid-row: 1 / 2;
}
.gridgalerie-box .image-wrapper .image:nth-child(3) {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
.gridgalerie-box .image-wrapper .image:nth-child(4) {
grid-column: 3 / 4;
}
.gridgalerie-box .image-wrapper .image:nth-child(5) {
grid-column: 1 / 4;
grid-row: 3 / 4;
}
}
@media (max-width: 980px) {
.gridgalerie-box .image-wrapper{
grid-auto-rows: minmax(30vw, auto);
}
.gridgalerie-box .text{
font-size: 13px;
}
.gridgalerie-box .image-wrapper{
grid-template-columns: repeat(2, 1fr);
}
.gridgalerie-box .image-wrapper .image:nth-child(1) {
grid-column: 1 / 2;
grid-row: 2 / 4;
}
.gridgalerie-box .image-wrapper .image:nth-child(2) {
grid-column: 1 / 3;
grid-row: 1 / 2;
}
.gridgalerie-box .image-wrapper .image:nth-child(3) {
grid-column: 2 / 3;
grid-row: 2 / 3;
}
.gridgalerie-box .image-wrapper .image:nth-child(4) {
grid-column: 2 / 3;
grid-row: 3 / 4;
}
.gridgalerie-box .image-wrapper .image:nth-child(5) {
grid-column: 1 / 3;
grid-row: 4 / 5;
}
}
@media (max-width: 680px) {
.gridgalerie-box .text{
font-size: 12px;
line-height: 160%;
}
.gridgalerie-box .image-wrapper{
grid-auto-rows: minmax(45vw, auto);
}
.gridgalerie-box .more-info, .gridgalerie-box .zoom{
width: 40px;
height: 40px;
}
.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: 20px;
transform-origin: center;
}
.gridgalerie-box .more-info .line_3{
top: 28px;
transform-origin: center;
}
@keyframes line_1_active_animation {
0% {}
100% {
top: 20px;
transform: rotate(-45deg);
}
}
@keyframes line_3_active_animation {
0% {}
100% {
top: 20px;
transform: rotate(45deg);
}
}
}
@media (max-width: 480px) {
.gridgalerie-box .image-wrapper{
grid-auto-rows: minmax(60vw, auto);
}
.gridgalerie-box .image-wrapper .image:nth-child(1) {
grid-column: 1 / 3;
grid-row: 2 / 3;
}
.gridgalerie-box .image-wrapper .image:nth-child(2) {
grid-column: 1 / 2;
grid-row: 1 / 2;
}
.gridgalerie-box .image-wrapper .image:nth-child(3) {
grid-column: 2 / 3;
grid-row: 1 / 2;
}
.gridgalerie-box .image-wrapper .image:nth-child(4) {
grid-column: 1 / 2;
grid-row: 3 / 4;
}
.gridgalerie-box .image-wrapper .image:nth-child(5) {
grid-column: 2 / 3;
grid-row: 3 / 4;
}
}