Enel Rio Sail Grand Prix 2026 - Single Day Tickets

Über das Erlebnis

@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css); .event-dates ul { padding: 24px 0 0; } .event-dates li { list-style: none; color: #536b75; } h2 { margin: 1rem 0 2.5rem; } .text-subtle { color: #536b75; } .video-container { margin-bottom: 2.5rem; } .grid img { aspect-ratio: 500 / 281; } .grid img, .video-container video { width: 100%; border-radius: 8px; } .event-itinerary { margin-bottom: 2.5rem; background-color: #f2f3f3; padding: 1.5rem; border-radius: 0.5rem; } .event-header { margin-bottom: 1rem; } .event-content { display: flex; flex-flow: column; gap: 1rem; } .event-dates, .grid-item { display: flex; flex-direction: column; gap: 1rem; } .event-dates details { padding: 0.5rem; } .event-dates details p { margin: 0.75rem 0 0; } .event-summary { font-size: 18px; font-weight: 700; display: flex; justify-content: space-between; align-items: center; width: 100%; } .grid { display: grid; grid-template-columns: 1fr; gap: 2rem; margin: 1.5rem 0 2.5rem; } .grid-item h4 { margin: 1rem 0 0; } .grid-item p { margin: 0; } .hospitality-card { background: url('https://images.feverup.com/plan/photo/90b20bd6-19d9-11f0-b532-5ed0d27ab801.jpg') center/cover no-repeat; border-radius: 0.5rem; padding: 72px 16px 16px; color: #fff; position: relative; text-align: center; } .hospitality-card__overlay { background: rgba(6, 35, 44, 0.8); padding: 1.5rem; border-radius: 0.5rem; } .hospitality-card__features { margin: 15px 0; list-style: none; padding: 0; text-align: left; } .hospitality-card__features li { margin-bottom: 0.75rem; } .hospitality-card__features li:before { content: '\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 0.5rem; } .hospitality-card__bottom { display: flex; gap: 1rem; justify-content: center; align-items: center; flex-wrap: wrap; } .hospitality-card__price { font-size: 1.25rem; } .hospitality-card__price strong { font-size: 1.5rem; } .hospitality-card__button-cta { background: linear-gradient(85deg, #bdff69 3.93%, #0cccdb 100%, #bdff69); text-decoration: none !important; font-weight: 800 !important; } .hospitality-card__title { font-family: 'MD Nichrome Test Bold', sans-serif; font-size: 28px !important; text-align: center; text-transform: uppercase !important; } @media (min-width: 600px) { .grid { grid-template-columns: 1fr 1fr; } .event-content { flex-direction: row; gap: 1.5rem; } .event-dates, .event-text { flex: 1; } .hospitality-card__overlay { display: flex; flex-wrap: wrap; } .hospitality-card__title { font-size: 32px !important; text-align: left; } .hospitality-card__overlay h3 { flex: 1 0 100%; } .hospitality-card__features { flex: 1 0 60%; } .hospitality-card__bottom { flex: 1 0 40%; align-content: center; } } .plan-description-tabs #tab1:checked ~ .tab.content1, .plan-description-tabs #tab2:checked ~ .tab.content2, .plan-description-tabs #tab3:checked ~ .tab.content3, .plan-description-tabs #tab4:checked ~ .tab.content4, .plan-description-tabs #tab5:checked ~ .tab.content5 { display: block; } .plan-description-tabs input + label { --color-text-subtle: #536b75; display: inline-block !important; padding: 0.25rem 0.5rem; color: var(--color-text-subtle); font-size: 0.875rem; background-color: transparent; border-bottom: 1px solid #ccd2d8; border-radius: 0.25rem 0.25rem 0 0; cursor: pointer; margin-block-end: 0.75rem; } @media (min-width: 992px) { .plan-description-tabs input + label { padding: 0.25rem 0.75rem; color: var(--color-text-subtle); font-size: 1rem; background-color: transparent; margin-block-end: 1rem; } } .plan-description-tabs input:checked + label { color: #000; font-weight: 600; background-color: none; border-bottom: 0.25rem solid #bdff69; } .plan-description-tabs input ~ .tab { display: none; } .plan-description-tabs .tab { width: calc(100vw - 2rem); max-width: 100%; border-radius: 0.5rem; background-color: white; } .plan-description-tabs .tab h2 { font: var( --plan-description-tab-title-font, normal normal var(--font-weight-bold, 800) var(--font-size-h3, 1.25rem) / var(--font-line-height-h3, 1.5rem) var( --font-stack-secondary, var(--font-stack, 'Muli', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif) ) ); margin-block-end: 1rem; text-wrap: pretty; } .plan-description-tabs .tab h3 { font-weight: 600; font-size: 1.125rem; line-height: 1.3; text-transform: none; text-wrap: pretty; padding-block-start: 1rem; } .plan-description-tabs .tab h4 { font: normal normal var(--font-weight-bold, 600) var(--font-size-body-base, 1rem) / var(--font-line-height-body-base, 1.5rem) var(--font-stack, 'Muli', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif); } @import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css); .event-dates ul { padding: 24px 0 0; } .event-dates li { list-style: none; color: #536b75; } .event-dates details li p { margin: 0.25rem 0 1.25rem; } .event-dates details l