.row-eventslist{padding:263px 0 270px;overflow: hidden;}
.row-eventslist .top .txt{padding-top:7px;float: left;overflow: hidden;padding-left: 57px;}
.row-eventslist .top{margin-bottom:126px}
.m-eventsliste1 h3{margin-bottom:20px}
.m-eventsliste1 .desc{font-size:18px;line-height:1.167;font-family:Roboto-Medium;letter-spacing:.02em;color:#222;margin-bottom:12px;text-transform:capitalize}
.m-eventsliste1 .info{font-size:18px;line-height:1.167;text-transform:capitalize;letter-spacing:.02em;color:#222;font-family:Roboto-Black}
.ul-eventsliste1{margin:80px -20px 80px}
.ul-eventsliste1 .txt{padding:23px 40px 40px;}
.ul-eventsliste1 .txt .tit{overflow:hidden;text-overflow:ellipsis;-ms-text-overflow:ellipsis;display:box;display:-webkit-box;line-clamp:4;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.ul-eventsliste1 .txt h3{height:4.72em;margin-bottom:43px;display:flex;align-items:end}
.ul-eventsliste1 li {
    float: left;
    width: 50%;
    padding: 0 20px;
    margin-bottom: 40px;
    overflow: hidden;
}
.ul-eventsliste1 .txt {
    width: 562px;
    background-color: #fff;
    border-radius: 30px;
    position: absolute;
    left: 40px;
    bottom: 40px;
    overflow: hidden;
}
.ul-eventsliste1 .pic img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.ul-eventsliste1 .con {
    position: relative;
    overflow: hidden;
}
.ul-eventsliste1 .pic {
    position: relative;
    height: 0;
    padding-top: 96.77%;
    border-radius: 30px;
    overflow: hidden;
}
.row-space .top .pic {
    float: right;
    width: 1107px;
    height: auto;
    border-radius: 30px;
    margin-left: 20px;
    overflow: hidden;
}
.row-space .top .pic img {
    display: block;
    width: 100%;
    height: auto;
}
@media only screen and (min-width:1200px) and (max-width:1920px){
.row-eventslist{padding:13.69vw 0 14.06vw}
.row-eventslist .top .txt{padding-top:.364vw;padding-left: 2.968vw;}
.row-eventslist .top{margin-bottom:6.562vw}
.m-eventsliste1 h3{margin-bottom:1.041vw}
.m-eventsliste1 .desc{font-size:.937vw;line-height:1.167;font-family:Roboto-Medium;letter-spacing:.02em;margin-bottom:.625vw;text-transform:capitalize}
.m-eventsliste1 .info{font-size:.937vw;line-height:1.167;text-transform:capitalize;letter-spacing:.02em;font-family:Roboto-Black}
.ul-eventsliste1{margin:4.166vw -1.041vw 4.166vw}
.ul-eventsliste1 .txt{padding:1.197vw 2.083vw 2.083vw}
.ul-eventsliste1 .txt h3{line-clamp:4}
.ul-eventsliste1 li {
    padding: 0 1.041vw;
    margin-bottom: 2.083vw;
}
.ul-eventsliste1 .txt {
    width: 29.27vw;
    border-radius: 1.562vw;
    left: 2.083vw;
    bottom: 2.083vw;
}
.ul-eventsliste1 .pic {
    border-radius: 1.562vw;
}
.row-space .top .pic {
    width: 57.65vw;
    border-radius: 1.562vw;
    margin-left: 1.041vw;
}
}
@media only screen and (max-width:1200px){
.row-eventslist{padding:30px 0 40px}
.m-eventsliste1 .desc{font-size:16px;margin-bottom:5px}
.m-eventsliste1 .info{font-size:16px}
.row-eventslist .top{margin-bottom:20px}
.ul-eventsliste1 .txt{padding:20px}
.ul-eventsliste1{margin-bottom:20px}
.row-space .top .txt {
    float: none;
    padding-left: 0;
    padding-top: 0;
    margin-bottom: 20px;
}
.row-space .top .pic {
    float: none;
    width: auto;
    border-radius: 15px;
    margin-left: 0;
}
.ul-imgtxt1 {
    margin: 20px -10px 20px;
}
.ul-imgtxt1 li {
    padding: 0 10px;
    margin-bottom: 20px;
}
.ul-imgtxt1 .pic {
    border-radius: 15px;
}
.ul-imgtxt1 .txt {
    width: 320px;
    border-radius: 15px;
    left: 20px;
    bottom: 20px;
    padding: 20px;
}
.ul-imgtxt1 .txt h3 {
    font-size: 24px;
}
}
@media only screen and (max-width:767px){
.row-eventslist{padding:20px 0 40px}
.ul-eventsliste1 .txt h3{height:auto}
.ul-eventsliste1 .txt{padding:0}
.ul-eventsliste1{margin-bottom:10px}
.row-space .top .txt {
    float: none;
    width: auto;
    padding-right: 0;
    margin-bottom: 10px;
}
.row-space .top .pic {
    float: none;
    width: auto;
    margin-left: 0;
}
.ul-eventsliste1 {
    margin-bottom: 10px;
}
.ul-imgtxt1 li {
    float: none;
    width: auto;
    padding: 0;
}
.ul-imgtxt1 .pic {
    margin-bottom: 10px;
}
.ul-imgtxt1 .txt {
    width: auto;
    position: static;
    border-radius: 0;
    padding: 0;
}
.ul-imgtxt1 .txt h3 {
    font-size: 20px;
}
}
@media only screen and (max-width: 479px) {
    .ul-imgtxt1 {
        margin: 20px 0 0;
    }
}