.clickable {
cursor: pointer;
}
#elementor-popup-modal-1060 .dialog-widget-content {
background-color:#0263AC !important;
}
.inside-site-info{
display:none;
}
.site-branding{
display:none;
}
#primary-menu{
display:none;
}
h1.entry-title{
display:none;
}
#site-navigation{
display:none;
} .sd-swiper-container {
width: 90% !important;
height: fit-content;
padding: 0px 20px 60px 20px; margin: auto;
overflow: hidden;
} .sd-swiper-wrapper{
display: flex;
align-items: left;
width: 100% !important;
height: 90%;
margin: 0 auto;
overflow: hidden;
} .sd-swiper-slide {
width: calc((100% / 3)- 20px) !important; min-height: 350px;
height: fit-content;
margin-right: 20px;
box-sizing: border-box !important;
display: flex;
flex-direction: column;
background: #f0f0f0;
padding: 20px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
} .sd-swiper-slide:hover {
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
} .sd-swiper-slide:last-child {
margin-right: 0;
} .sd-veranstaltung-item {
text-align: left;
} .sd-veranstaltungs-item-header{
display: flex;
justify-content: end;
padding: 10px;
margin-bottom: -50px;
}
.sd-category-label{
border-radius: 10px;
color: white;
background-color: #1e73be;
width: max-content;
height: fit-content;
z-index: 10;
}
.sd-veranstaltung-item h4 {
font-size: 16px;
color: #fff;
margin: 2px 10px;
} .sd-veranstaltung-item h3 {
font-size: 18px ;
color: #1e73be;
font-weight: 700;
}
.sd-veranstaltung-item hr {
margin: 10px 0;
border: 0;
border-top: 2px solid #333;
}
.sd-veranstaltung-item p {
margin: 5px 0;
font-size: 1rem;
}
@media (max-width: 480px) {
.sd-swiper-slide {
min-height: 380px;
height: fit-content;
}
.sd-swiper-container h3{
font-size: 18px !important;
}
.sd-swiper-container h4{
font-size: 16px !important;
}
}
.sd-veranstaltung-thumbnail {
position: relative;
width: 100%;
aspect-ratio: 2 / 1;
overflow: hidden;
}
.sd-veranstaltung-thumbnail img {
width: 100%;
height: 100%;
object-fit: cover;
}
.sd-img-wrapper{
height:160px;
width: 100%;
} .menu-item-80 .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):after, .elementor-item:not(:hover):not(:focus):not(.elementor-item-active):not(.highlighted):before {
opacity: 1;
}