:root {
--ae-primary:        black;
--ae-primary-hover:  #004578;
--ae-primary-text:   #ffffff;
--ae-text:           #1a1a1a;
--ae-text-light:     black;
--ae-text-muted:     #888888;
--ae-border:         #E0DBD6;
--ae-bg-card:        #E0DBD6;
--ae-bg-meta:        #f4f8fc;
--ae-radius:         0;
--ae-shadow:         0;
} .ae-overview *,
.ae-detail * {
box-sizing: border-box;
} .ae-overview {
max-width: 1400px;
margin: 0 auto;
padding: 48px 0 0;
}
@media (max-width: 640px) {
.ae-overview {
padding-top: 24px;
}
} .ae-filter {
display: flex;
flex-wrap: wrap;
gap: 6px 24px;
margin-bottom: 60px;
justify-content: center;
}
.ae-filter__btn {
display: inline-block;
padding: 4px 0;
border: none;
border-bottom: 2px solid transparent;
background: none;
color: var(--ae-text-light);
font-size: 18px;
font-weight: 600;
text-decoration: none;
transition: color 0.15s, border-color 0.15s;
white-space: nowrap;
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 2px !important;
text-decoration-color: #C2B8AD;
color: black;
text-transform: uppercase;
}
.ae-filter__btn:hover {
color: var(--ae-primary);
}
.ae-filter__btn--active {
color: var(--ae-primary);
font-weight: 600;
border-bottom: none;
text-decoration: underline;
text-decoration-color: black;
text-underline-offset: 4px;
text-decoration-thickness: 2px !important;
} .ae-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 28px;
margin-bottom: 48px;
} .ae-card {
background: var(--ae-bg-card);
border: 1px solid var(--ae-border);
border-radius: var(--ae-radius);
box-shadow: var(--ae-shadow);
display: flex;
flex-direction: column;
position: relative;
overflow: hidden;
transition: box-shadow 0.2s ease, transform 0.2s ease;
} .ae-card--cancelled {
opacity: 0.65;
}
.ae-card__body {
padding: 22px 22px 20px;
display: flex;
flex-direction: column;
flex: 1;
} .ae-card__title {
font-size: 28px;
font-family: Satoshi-Regular, Arial;
font-weight: 600;
line-height: 1.35;
margin: 0 0 14px;
color: var(--ae-text);
}
.ae-card__title a {
color: inherit;
text-decoration: none;
}
.ae-card__title a:hover {
color: var(--ae-primary);
} .ae-card__info {
margin: 0 0 16px;
padding: 0;
display: flex;
flex-direction: column;
gap: 5px;
}
.ae-card__info-row {
display: flex;
gap: 6px;
font-size: 0.88rem;
line-height: 1.4;
}
.ae-card__info-row dt {
font-weight: 400;
color: var(--ae-text);
white-space: nowrap;
flex-shrink: 0;
}
.ae-card__info-row dd {
margin: 0;
color: var(--ae-text-light);
} .ae-btn {
display: inline-flex;
align-items: center;
gap: 6px;
margin-top: auto;
padding-top: 14px;
font-size: 18px;
font-weight: 600;
color: var(--ae-primary);
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 2px !important;
text-decoration-color: black;
border: none;
background: none;
cursor: pointer;
transition: color 0.15s ease;
text-transform: uppercase;
}
.ae-btn svg {
width: 16px;
height: 16px;
transition: transform 0.15s ease
}
.ae-btn:hover {
color: var(--ae-primary);
text-underline-offset: 4px;
text-decoration-thickness: 2px !important;
text-decoration-color: black;
}
.ae-btn:hover svg {
transform: translateX(3px);
}
.ae-btn--large {
display: inline-flex;
background: var(--ae-primary);
color: var(--ae-primary-text);
padding: 12px 24px;
border-radius: 8px;
font-size: 1rem;
margin-top: 8px;
transition: background 0.2s ease;
}
.ae-btn--large:hover {
background: var(--ae-primary-hover);
color: var(--ae-primary-text);
} .ae-badge {
display: inline-block;
font-size: 0.75rem;
font-weight: 600;
padding: 3px 10px;
border-radius: 20px;
margin-bottom: 8px;
}
.ae-badge--cancelled {
background: #fde8e8;
color: #c0392b;
}
.ae-badge--postponed {
background: #fef3e2;
color: #d68910;
}
.ae-badge--large {
font-size: 0.9rem;
padding: 6px 16px;
} .ae-pagination {
display: flex;
align-items: center;
justify-content: center;
gap: 20px;
padding: 16px 0 48px;
flex-wrap: wrap;
}
.ae-pagination__btn {
display: inline-block;
padding: 10px 22px;
border: none;
border-radius: 50px;
color: black !important;
font-weight: 600;
text-decoration: none;
transition: background 0.15s ease, color 0.15s ease;
background: #C2B8AD !important:
text-transform: uppercase !important;
}
.ae-pagination__btn:hover {
background: #B5ABA0 !important;
color: black !important;
text-decoration: none !important;
}
.ae-pagination__btn--primary {
background: #C2B8AD;
color: black !important;
text-transform: uppercase !important;
}
.ae-pagination__btn--primary:hover {
background: #B5ABA0;
border-color: #B5ABA0;
color: black !important;
}
.ae-pagination__info {
font-size: 18px;
color: #847973;
text-align: center;
}
.ae-pagination__info small {
display: block;
font-size: 0.75rem;
color: var(--ae-text-muted);
margin-top: 2px;
} .ae-error,
.ae-no-events {
padding: 24px;
background: #f8f8f8;
border: 1px solid var(--ae-border);
border-radius: var(--ae-radius);
color: var(--ae-text-light);
font-style: italic;
text-align: center;
} .ae-detail {
max-width: 1400px;
margin: 0 auto;
padding: 48px 0 64px;
color: var(--ae-text);
}
@media (max-width: 640px) {
.ae-detail {
padding-top: 24px;
}
} .ae-back-link {
display: inline-flex;
align-items: center;
gap: 4px;
font-size: 18px;
font-weight: 600;
color: var(--ae-primary);
text-decoration: none;
transition: color 0.15s ease;
margin-bottom: 40px;
text-transform: uppercase;
text-underline-offset: 4px;
text-decoration-thickness: 2px !important;
text-decoration: underline;
text-decoration-color: #C2B8AD;
}
.ae-back-link:hover {
color: var(--ae-primary-hover);
} .ae-detail__header {
margin-bottom: 32px;
}
.ae-detail__title {
font-size: 36px;
font-weight: 600;
text-transform: uppercase;
font-family: Satoshi-Regular, Arial;
line-height: 1;
color: var(--ae-text);
margin: 0 0 24px;
} .ae-detail__image-wrap {
width: 50%;
aspect-ratio: 4 / 3;
border-radius: var(--ae-radius);
overflow: hidden;
object-fit: cover;
}
.ae-detail__image {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
margin-top: 30px;
margin-bottom: 30px;
} @media (max-width: 640px) {
.ae-detail__image-wrap {
width: 100%;
}
} .ae-detail__meta-box {
margin-bottom: 36px;
display: flex;
flex-direction: column;
gap: 8px;
}
.ae-meta-row {
display: flex;
gap: 10px;
font-size: 18px;
align-items: baseline;
}
.ae-meta-row__label {
font-weight: 600;
color: var(--ae-text);
white-space: nowrap;
flex-shrink: 0;
min-width: 130px;
}
.ae-meta-row__value {
color: var(--ae-text-light);
line-height: 1.5;
}
.ae-inline-link {
color: var(--ae-primary);
font-weight: 600;
text-decoration: none;
}
.ae-inline-link:hover {
text-decoration: underline;
} .ae-detail__content {
margin-bottom: 40px;
line-height: 1.75;
}
.ae-detail__teaser {
font-size: 18px;
font-weight: 500;
color: var(--ae-text);
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 1px solid var(--ae-border);
}
.ae-detail__description {
font-size: 18px;
color: var(--ae-text-light);
}
.ae-detail__description p {
margin: 0 0 1em;
} .ae-detail__footer {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 32px;
padding-top: 28px;
border-top: 1px solid var(--ae-border);
margin-bottom: 48px;
}
.ae-detail__section-title {
font-size: 24px;
font-weight: 600;
font-family: Satoshi-Regular, Arial;
color: black;
margin: 0 0 30px;
}
.ae-contact-name {
font-weight: 600;
font-size: 18px;
margin: 0 0 6px;
}
.ae-contact-address {
font-size: 18px;
color: var(--ae-text-light);
margin: 0 0 12px;
}
.ae-contact-tel,
.ae-contact-email,
.ae-contact-web {
font-size: 18px;
margin: 0 0 8px;
}
.ae-contact-tel a,
.ae-contact-email a,
.ae-contact-web a {
color: var(--ae-primary);
text-decoration: none;
word-break: break-word;
text-underline-offset: 4px;
text-decoration-thickness: 2px !important;
text-decoration: underline;
text-decoration-color: #C2B8AD;
}
.ae-contact-tel a:hover,
.ae-contact-email a:hover,
.ae-contact-web a:hover {
text-decoration: underline;
text-underline-offset: 4px;
text-decoration-thickness: 2px !important;
text-decoration: underline;
text-decoration-color: black;
} .ae-detail__next-events {
padding-top: 40px;
border-top: 1px solid var(--ae-border);
}
.ae-next-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
margin-top: 16px;
}
.ae-next-card {
display: flex;
flex-direction: column;
background: #C2B8AD;
border: 1px solid var(--ae-border);
border-radius: var(--ae-radius);
box-shadow: var(--ae-shadow);
overflow: hidden;
text-decoration: none;
color: inherit;
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.ae-next-card:hover {
box-shadow: 0;
text-decoration: none;
background: #b5aba0;
}
.ae-next-card__img-wrap {
width: 100%;
aspect-ratio: 4 / 3;
overflow: hidden;
flex-shrink: 0;
}
.ae-next-card__img-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.ae-next-card__body {
padding: 14px 16px 16px;
display: flex;
flex-direction: column;
gap: 4px;
flex: 1;
}
.ae-next-card__date {
font-size: 18px;
font-weight: 400;
color: var(--ae-primary);
margin: 0;
}
.ae-next-card__title {
font-size: 18px;
font-weight: 600;
color: var(--ae-text);
margin: 0;
line-height: 1.35;
}
.ae-next-card__location {
font-size: 18px;
font-weight: 400;
color: black;
margin: 0;
} @media (max-width: 900px) {
.ae-next-grid {
grid-template-columns: repeat(2, 1fr);
}
.ae-grid {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 640px) {
.ae-grid {
grid-template-columns: 1fr;
gap: 18px;
}
.ae-meta-row {
font-size: 16px;
}
.ae-meta-row__label {
min-width: 100px;
}
.ae-detail__footer {
grid-template-columns: 1fr;
}
.ae-next-grid {
grid-template-columns: 1fr;
}
}