/**
 * Veranstaltungen (Katalog + Detail).
 *
 * @package Osteuropa_Kolleg
 */

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
.veranstaltungen-header {
    margin: 150px 0 60px;
}

.veranstaltungen-header__title {
    color: #0E4194;
    font-family: "Source Sans 3";
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 62px; /* 110.714% */
    margin: 0 0 30px 0;
}

.veranstaltungen-header__content {
    color: #000;
    font-family: "Source Sans 3";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
}

.veranstaltungen-header h2,
.veranstaltungen-header h3,
.veranstaltungen-header h4,
.veranstaltungen-header h5,
.veranstaltungen-header h6 {
    color: #0E4194;
    leading-trim: both;
    text-edge: cap;
    font-family: "Source Sans 3";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 114.286% */
}

.veranstaltungen-header__content p:last-child {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
# Katalog
--------------------------------------------------------------*/
.veranstaltungen-catalog {
    margin: 60px 0 90px 0;
}

.veranstaltungen-catalog__list {
    display: flex;
    flex-direction: column;
}

.event-item {
    padding: 60px 0 32px 0;
    border-bottom: 2px solid #C8D400;
}

.event-item:first-child {
    padding-top: 0;
}

.event-item:last-child {
    border-bottom: none;
}

.event-item__inner {
    display: flex;
    gap: 20px;
    align-items: flex-start;
}

.event-item__media {
    flex: 0 0 345px;
    max-width: 345px;
}

.event-item__image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.event-item__body {
    flex: 1 1 auto;
}

.event-item__date {
    color: #C8D400;
    font-family: "Source Sans 3";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 114.286% */
    margin-bottom: 8px;
}

.event-item__title {
    color: #0E4194;
    font-family: "Source Sans 3";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
    margin: 0 0 20px;
}

.event-item__title a {
    color: #0E4194;
    text-decoration: none;
    transition: opacity 0.3s ease;
}

.event-item__title a:hover {
    opacity: 0.75;
}

.event-item__meta {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
}

.event-item__meta-row {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: #000;
    font-family: "Source Sans 3";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
}

.event-item__meta-icon {
    flex-shrink: 0;
    display: inline-block;
    width: 41px;
    height: 41px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

/* Eye icon (tipo) */
.event-item__meta-icon--type {
    background-image: url("data:image/svg+xml,%3Csvg width='41' height='24' viewBox='0 0 41 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_8044_126)'%3E%3Cpath d='M20.632 23.6151C16.9408 23.6151 13.345 22.6225 9.94306 20.6604C6.62499 18.7474 3.62514 15.9807 1.03317 12.4385L0.723633 12.0188L1.03317 11.5992C3.62224 8.05984 6.6221 5.29317 9.94306 3.37734C16.747 -0.541145 24.5171 -0.541145 31.3239 3.37734C34.6478 5.29607 37.6448 8.05984 40.2309 11.5992L40.5376 12.0188L40.2309 12.4385C37.639 15.9836 34.642 18.7474 31.3239 20.6604C27.922 22.6196 24.3233 23.6151 20.632 23.6151ZM2.49983 12.0188C4.90087 15.1994 7.64327 17.6882 10.6576 19.4275C17.0189 23.0971 24.2452 23.0971 30.6123 19.4275C33.6295 17.6911 36.369 15.1994 38.7672 12.0188C36.3719 8.84412 33.6295 6.35238 30.6123 4.61308C24.2452 0.94348 17.0189 0.94348 10.6576 4.61308C7.64038 6.35238 4.89798 8.84412 2.49983 12.0188Z' fill='%23C8D400'/%3E%3Cpath d='M20.6343 20.3272C25.2252 20.3272 28.9454 16.6084 28.9454 12.0156C28.9454 7.42283 25.2252 3.69824 20.6343 3.69824C16.0434 3.69824 12.3232 7.42283 12.3232 12.0156C12.3232 16.6084 16.0434 20.3272 20.6343 20.3272Z' fill='%23C8D400'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_8044_126'%3E%3Crect width='41' height='24' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

/* Pin icon (location) */
.event-item__meta-icon--location {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='28' viewBox='0 0 21 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.5009 28L2.26062 17.3519C-1.04079 13.0903 -0.689902 6.98087 3.07559 3.13699C7.17501 -1.04566 13.825 -1.04566 17.9244 3.13699C21.6899 6.98087 22.0408 13.0903 18.7394 17.3519L10.4991 28H10.5009Z' fill='%23C8D400'/%3E%3C/svg%3E");
}

.event-item__meta-text {
    margin-top: 7px;
}

.event-item__link,
.event-item__link:visited {
    display: inline-flex;
    align-items: center;
    gap: 16px;
    text-decoration: none;
    color: #C8D400;
    font-family: "Source Sans 3";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 114.286% */
}

.event-item__link:after {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='37' viewBox='0 0 21 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 18.5L1.62132 0L0 3.13294L16.4669 18.5L0 33.8671L1.62132 37L21 18.5Z' fill='%23C8D400'/%3E%3C/svg%3E");
    width: 21px;
    height: 37px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.3s ease;
    margin-left: 30px;
}

.event-item__link:hover:after {
    transform: translateX(-30px);
}

/*--------------------------------------------------------------
# Detail
--------------------------------------------------------------*/
.event-detail {
    margin: 170px 0 110px;
}

.event-detail__grid {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin-bottom: 90px;
}

.event-detail__sidebar {
    flex: 0 0 345px;
    max-width: 345px;
}

.event-detail__image-wrap {
    line-height: 0;
    margin-bottom: 0;
}

.event-detail__image {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}

.event-detail__info {
    margin-top: 20px;
    padding: 40px 25px;
    color: #000;
    font-family: "Source Sans 3";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
    background: rgba(199, 212, 1, 0.20);
}

.event-detail__info-item {
    margin-bottom: 24px;
}

.event-detail__info-item:last-child {
    margin-bottom: 0;
}

.event-detail__info-label {
    color: #000;
    font-family: "Source Sans 3";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
}

.event-detail__info-value {
    color: #000;
    font-family: "Source Sans 3";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
}

.event-detail__content-col {
    flex: 1 1 auto;
    min-width: 0;
    padding-top: 10px;
}

.event-detail__type {
    color: #C8D400;
    font-family: "Source Sans 3";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px; /* 114.286% */
}

.event-detail__title {
    color: #0E4194;
    font-family: "Source Sans 3";
    font-size: 35px;
    font-style: normal;
    font-weight: 400;
    line-height: 40px;
}

.event-detail__content {
    color: #000;
    font-family: "Source Sans 3";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px; /* 116.667% */
}

.event-detail__content p {
    margin: 0 0 1em;
}

.event-detail__content p:last-child {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
# Footer link «Alle Veranstaltungen ->»
--------------------------------------------------------------*/
.event-detail__footer-link {
    margin-top: 20px;
}

.event-detail__all-link,
.event-detail__all-link:visited {
    display: inline-flex;
    align-items: center;
    text-decoration: none;
    color: #C7D401;
    font-family: "Source Sans 3";
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 62px; /* 110.714% */
}

.event-detail__all-link-text {
    display: flex;
    align-items: baseline;
    color: #C7D401;
    font-family: "Source Sans 3";
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 62px; /* 110.714% */
}

.event-detail__all-link-text--italic {
    text-decoration: none;
    color: #C7D401;
    font-family: "Tiro Kannada";
    font-size: 56px;
    font-style: italic;
    font-weight: 400;
    line-height: 62px;
}

.event-detail__all-link-arrow {
    display: inline-block;
    width: 194px;
    height: 62px;
    background-image: url("../../images/pfeil.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: transform 0.3s ease;
    margin-left: 30px;
}

.event-detail__all-link:hover .event-detail__all-link-arrow {
    transform: translateX(-30px);
}