body.popup_slider-active-body{
overflow: hidden;
}
.popup_slider-wrap{
display: none;
}
.popup_slider-wrap.popup_slider-active{
display: flex;
align-items: center;
justify-content: center;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 999;
}
.popup_slider-bg{
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.popup_slider-close{
position: absolute;
top: 30px;
right: 30px;
width: 60px;
height: 60px;
display: block;
padding: 15px;
}
.popup_slider-close svg{
display: block;
max-width: 100%;
max-height: 100%;
fill: #fff;
}
.popup_slider{
max-width: 1140px;
width: 100%;
margin: 0 auto;
}
.popup_slid{
padding: 15px;
}
.popup_slider .slick-next:before, .popup_slider .slick-prev:before{
display: none;
}
.popup_slider .slick-next{
background-image: url(//lachfalten-people.de/wp-content/themes/lachfalten/images/rightarrow.svg);
width: 23px;
height: 31px;
background-size: cover;
background-repeat: no-repeat;
}
.popup_slider .slick-prev{
background-image: url(//lachfalten-people.de/wp-content/themes/lachfalten/images/leftarrow.svg);
width: 23px;
height: 31px;
background-size: cover;
background-repeat: no-repeat;
}
@media screen and (max-width: 1200px){
.popup_slider .slick-next{
right: 5px;
}
.popup_slider .slick-prev{
left: 5px;
}
.sf-nav {
flex-wrap: wrap;
}
}
.popup_slid-link{
display: block;
background-image: url(//lachfalten-people.de/wp-content/themes/lachfalten/images/border_normal.png);
background-size: contain;
height: 380px;
width: 310px;
padding: 26px 15px 13px 15px;
background-repeat: no-repeat;
position: relative;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.popup_slid-link span{
display: block;
margin: 0 auto;
}
.popup_slid-link span img{
display: block;
margin: 0 auto;
max-width: 300px;
max-height: 300px;
}
.popup_slid-link h3{
text-align: center;
font-size: 1.5em;
margin-top: 0.8em;
margin-top: auto;
margin-bottom: 20px;
width: 100%;
}
#main-menu .menu-container-wrap li::before{
content: " |";
font-weight: normal;
}
#main-menu {
display: flex;
}
#main-menu .menu-container-wrap{
}
@media screen and (max-width: 567px){
.popup_slid-link{
width: 280px;
}
.popup_slid-link span img {
max-width: 270px;
}
.popup_slid-link h3 {
margin-top: 0;
}
.popup_slider-close {
top: 0;
right: 0;
}
}
@media screen and (max-width: 370px){
.popup_slid-link{
width: 250px;
}
.popup_slid-link span img {
max-width: 240px;
}
.popup_slid-link h3 {
margin-bottom: 40px;
}
}
.popup_slider-name-h2{
text-align: center;
color: white;
font-size: 70px;
position: absolute;
max-width: 1140px;
width: 100%;
top: 20%;
left: 0;
right: 0;
margin: 0 auto;
}
.popup_slider-name-h2 span{
position: relative;
}
.popup_slider-name-h2 span::after{
content: "";
position: absolute;
display: block;
width: 100%;
left: 0;
right: 0;
bottom: 0;
height: 2px;
background-color: white;
}
@media screen and (max-width: 1920px){
.popup_slider-name-h2{
top: 10%;
}
}
@media screen and (max-width: 992px){
.popup_slider-name-h2{
display: none;
}
}