.event-details{
    background-color: var(--color-tertiary-light);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 1rem));
}

.event-details .info-item h5 {
        color: var(--color-secondary);
    font-size: 0.8888rem;
    margin-bottom: 0.3rem;
    text-transform: none;   
}

.event-details .info-item p, .event-details .info-item a {
    font-size: 0.83333rem; 
}


.event-details .info-item{
    margin-bottom: 0.5rem;
}


.event-list-block {
    margin: 2rem 0;
}


.infothek-downloads .infothek-download .wp-block-buttons p {
    color: var(--color-text-light);
	font-size: 0.83333rem;
}


.infothek-card-overlay figure {
    position: relative;
}

.infothek-card-overlay figure:after {
    clip-path: polygon(0% 100%, 100% 100%, 100% 0%);    
    background-color: var(--color-primary-bright);
    color: white;
    width: 50px;
    aspect-ratio: 1/1;
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    align-items: flex-end;
    justify-content: flex-end;
    font-size: 1.4rem;
    content: 'ℹ';
    padding: 0px 4px;
    transition: ease-in-out all 0.2s;
    transform-origin: right bottom; 
    will-change: transform; 
}

.infothek-card-overlay:is(:hover, :focus, :focus-within, :active) figure:after {
    transform: scale(1.05);
    opacity: 0.8;
    font-size: 1.5rem;
}   

.event-card {
    transition: ease-in-out all 0.2s;
    display: flex;
    flex-direction: column;
    cursor: pointer;
}

.event-card-image {
    margin: 0;
    overflow: hidden;
}

.event-card-image img {
    /* width: 100%;
    height: 200px; */
    width: 100%;
    aspect-ratio: 3/2;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
}

.event-card-image-placeholder {
    background-color: var(--color-tertiary-light);;
    aspect-ratio: 3/2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.event-card-image-placeholder i {
    font-size: 4.5rem;
    color: rgba(0, 0, 0, 0.3);
    transition: all 0.3s ease-in-out;
}


.event-card-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.event-date {
    color: var(--bs-gray-600);
    font-size: 0.83333rem;
}


.event-list-block.default .event-title a{
    color: var(--color-primary) !important;
    font-size: 1.15rem;
    text-transform: none;   
    line-height: 1;
}

.event-card.event-past .event-card-image img,
.event-card.event-past .event-card-image-placeholder {
    opacity: 0.4;
}

a:hover .event-card.event-past .event-card-image img,
a:hover .event-card.event-past .event-card-image-placeholder {
	opacity: 0.7;
}

.event-location {
    color: var(--bs-gray-600);
    font-size: 0.83333rem;
}

.event-excerpt {
    color: var(--bs-gray-800);
    flex: 1;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.event-actions {
    margin-top: auto;
    padding-top: 1rem;
}

.event-details .btn {
    font-size: 0.83333rem;
    padding: 0.45rem;
    letter-spacing: 0.25;

}




.team-row h5{
    font-weight: 500;
    color: var(--color-text-light);
}
.team-row h5 strong {
    color: var(--color-text);
}


/* Wimmelbild Template (Ausgegliedert) */

.footer-just-legal {
    width: fit-content;
}

.footer-just-legal .nav-footer-legal {
    /* background-color: rgba(255, 255, 255, 0.69);    */
    font-size: 11px;
    padding: 0 0.25rem; 
    background-color: rgba(255, 255, 255, 0.84);
    color: var(--color-text);

}

.footer-just-legal .nav-footer-legal li{
    list-style: none;
    padding: 0.25rem 0.2rem;
}

body.page-template-template-wimmelbild{
    background-color: var(--color-primary);
}

.header-wimmelbild {
    width: 20%;
    max-width: 250px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
    z-index: 1000;
}

.arrow-list {
    list-style: none;
    padding-left: 0;
}

.arrow-list li::before {
content: "\2794"; /* 276F */
font-size: 1.35rem;
 vertical-align: middle; 
  margin: 0 10px;
}

.has-color-primary-light-background-color { /* Umziehen in haupt style */
	background-color: var(--color-primary-light);
}


/* Modal */


 .modal-content{
    --bs-modal-padding: 1rem;  
    --bs-modal-header-padding: 1rem; 
    border: none;
    border-radius: 0;
}    

.modal-header h5 {
   margin: 0;
}

 .modal-body {
    max-height: 60vh;
    overflow: overlay;
}

 .modal-body p:last-child {
    margin-bottom: 0;
}

.clip-path-form-left{
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 1rem));
}