.events{background-color:var(--color-bt-light);padding-block:80px;padding-inline:var(--padding-x)}.events__inner{max-width:1110px;margin-inline:auto;display:flex;flex-direction:column;gap:48px}.events__headline{font-family:var(--font-primary);font-weight:var(--font-weight-bold);font-size:64px;line-height:1;color:var(--color-white);text-align:center}.events__headline .text-accent{color:var(--color-accent)}.events__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.events__card{border-top:2px solid var(--color-accent);border-bottom:2px solid var(--color-accent);display:flex;flex-direction:column;justify-content:space-between;gap:28px}.events__card-header{padding:32px 16px 0;display:flex;flex-direction:column;gap:12px}.events__datum{font-family:var(--font-body);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);line-height:1.2;letter-spacing:4px;text-transform:uppercase;color:var(--color-white);display:block}.events__name{font-family:var(--font-primary);font-weight:var(--font-weight-bold);font-size:32px;line-height:1.1;color:var(--color-accent);margin:0;min-height:70px}.events__card-body{padding:0 16px;display:flex;flex-direction:column;gap:16px;margin-bottom:auto}.events__uhrzeit{font-family:var(--font-body);font-weight:var(--font-weight-bold);font-size:var(--font-size-sm);line-height:1.2;color:var(--color-white);margin:0;white-space:nowrap}.events__ort{font-family:var(--font-body);font-weight:var(--font-weight-regular);font-size:var(--font-size-sm);line-height:1.4;color:var(--color-white);margin:0}.events__ort strong{font-weight:var(--font-weight-bold)}.events__card-footer{padding:0 16px 24px;display:flex;justify-content:center}.btn--event{display:flex;align-items:center;justify-content:center;width:322px;max-width:100%;height:45px;background-color:var(--color-turquoise);color:var(--color-accent);font-family:var(--font-primary);font-weight:var(--font-weight-bold);font-size:18px;line-height:1.1;text-decoration:none;text-align:center;transition:opacity var(--transition-base)}.btn--event:hover{opacity:.85}@media (min-width:768px) and (max-width:991px){.events__headline{font-size:48px}.events__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.events__headline{font-size:48px;text-align:left}.events__grid{grid-template-columns:1fr}.events__card:last-child{border-bottom:2px solid var(--color-accent)}.btn--event{width:100%}}@media (min-width:768px){.events{padding-block:var(--space-4xl)}.events__inner{gap:64px}}