/* ========================================================================== OPS 2027 — Seiten-Stylesheet für den Smart Hub -------------------------------------------------------------------------- Diese Datei fasst die bisherigen neun Einzel-Stylesheets zusammen. Sie gehört ans ENDE der global.css, hinter den OPS-Variablenblock. Sobald sie dort liegt, kann der style-Block aus allen Seiten entfernt werden. Die Regeln gelten dann automatisch auf jeder Seite, die Markup mit ops27-Klassen enthält. Eine Zuweisung pro Seite ist nicht nötig. Alle Farben sind ausgeschrieben, damit die Datei unabhängig von den run.events-Variablen funktioniert. Aufbau: 1 Grundlagen und Typografie 2 Buttons 3 Hero und Navigation 4 Bausteine der einzelnen Seiten 5 Anpassungen für Widgets 6 Bildschirmbreiten ========================================================================== */ /* Geologica mit allen Schnitten, die dieses Stylesheet nutzt. Ohne diese Zeile laedt der Hub nur den Normalschnitt, und der Browser rechnet Fett selbst aus. Das sieht unsauber aus. */ @import url('https://fonts.googleapis.com/css2?family=Geologica:wght@300;400;500;600;700;800;900&display=swap'); /* ---------------------------------------------------------------------- 1 Grundlagen und Typografie */ #pb-496 .ops27{ font-family: "Geologica", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; font-size: 17px; line-height: 1.6; background: #0A0D11; color: #EDF1F4; -webkit-font-smoothing: antialiased; font-variant-numeric: tabular-nums; } #pb-496 .ops27 *,#pb-496 .ops27 *::before,#pb-496 .ops27 *::after{ box-sizing: border-box; } #pb-496 .ops27 p{ margin: 0 0 1em; } #pb-496 .ops27 ul{ margin: 0 0 1em; padding-left: 1.15em; } #pb-496 .ops27 li{ margin-bottom: .4em; } #pb-496 .ops27 img{ display: block; max-width: 100%; height: auto; } #pb-496 .ops27 p a,#pb-496 .ops27 li a,#pb-496 .ops27 dd a,#pb-496 .ops27 figcaption a,#pb-496 .ops27 address a,#pb-496 .ops27 label a{ color: #FF7AB4; text-decoration: underline; text-underline-offset: 2px; } #pb-496 .ops27 p a:hover,#pb-496 .ops27 li a:hover,#pb-496 .ops27 dd a:hover,#pb-496 .ops27 figcaption a:hover,#pb-496 .ops27 address a:hover,#pb-496 .ops27 label a:hover{ color: #FFB3D2; } #pb-496 .ops27 a:focus-visible,#pb-496 .ops27 button:focus-visible,#pb-496 .ops27 summary:focus-visible,#pb-496 .ops27 input:focus-visible,#pb-496 .ops27 select:focus-visible,#pb-496 .ops27 textarea:focus-visible,#pb-496 .ops27 [tabindex]:focus-visible{ outline: 3px solid #FF7AB4; outline-offset: 3px; } #pb-496 .ops27 [hidden]{ display: none !important; } #pb-496 .ops27-sr{ position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; } #pb-496 .ops27-band{ padding: 84px 0; } #pb-496 .ops27-band--paper{ background: #12161B; } #pb-496 .ops27-band--paper2{ background: #0A0D11; } #pb-496 .ops27-band--tight{ padding: 52px 0; } #pb-496 .ops27-wrap{ max-width: 1180px; margin: 0 auto; padding: 0 48px; } #pb-496 .ops27-eyebrow{ font-size: 20px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; margin: 0 0 18px; color: #FF7AB4; } #pb-496 .ops27-h1{ font-size: clamp(46px, 8.4vw, 104px); line-height: 1; font-weight: 800; letter-spacing: -.038em; margin: 0 0 24px; color: #fff; } #pb-496 .ops27-h2{ font-size: clamp(28px, 4.2vw, 48px); line-height: 1.06; font-weight: 800; letter-spacing: -.028em; margin: 0 0 20px; color: #fff; } #pb-496 .ops27-h3{ font-size: clamp(19px, 2.2vw, 23px); line-height: 1.22; font-weight: 700; letter-spacing: -.016em; margin: 0 0 10px; color: #fff; } #pb-496 .ops27-lead{ font-size: clamp(18px, 2.1vw, 22px); line-height: 1.5; color: #98A4AF; max-width: 62ch; } #pb-496 .ops27-head{ max-width: 78ch; margin-bottom: 46px; } #pb-496 .ops27-fn{ font-size: 13.5px; color: #98A4AF; margin: 18px 0 0; line-height: 1.55; max-width: 90ch; } #pb-496 .ops27-hero .ops27-wrap{ padding-left: 48px !important; padding-right: 48px !important; } #pb-496 .ops27-motto{ display: inline-block; font-size: 20px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; color: #fff; border: 1px solid #FF7AB4; border-radius: 100px; padding: 8px 18px; margin-bottom: 24px; } #pb-496 .ops27-hero .ops27-lead{ color: #C6D0D9; max-width: 58ch; } #pb-496 .ops27-wallhead .ops27-eyebrow{ margin-bottom: 0; } #pb-496 .ops27-news .ops27-fn{ color: #5F6B75; } #pb-496 .ops27-final .ops27-eyebrow{ color: #fff; } #pb-496 .ops27 .ops27-band,#pb-496 .ops27 .ops27-band--paper,#pb-496 .ops27 .ops27-band--paper2{ padding-left: 0 !important; padding-right: 0 !important; } #pb-496 .ops27-sec{ scroll-margin-top: 96px; } #pb-496 .ops27-fn--flush{ margin-top: 0; } #pb-496 .ops27-cross .ops27-eyebrow{ color: #FFB3D6; } #pb-496 .ops27-cta .ops27-eyebrow{ color: #fff; } #pb-496 .ops27 .ops27-band,#pb-496 .ops27 .ops27-band--paper,#pb-496 .ops27 .ops27-band--paper2,#pb-496 .ops27 .ops27-band--ink{ padding-left: 0 !important; padding-right: 0 !important; } #pb-496 .ops27-band--ink{ background: #12161B; } #pb-496 .ops27-toprow .ops27-eyebrow{ color: #C3CDD6; margin-bottom: 10px; } #pb-496 .ops27-dl .ops27-eyebrow{ color: #FFFFFF; } #pb-496 .ops27-dl .ops27-lead{ color: #FBD9EA; font-size: 17px; } #pb-496 .ops27-dl .ops27-fn{ color: #F2C9DE; } #pb-496 .ops27 ul,#pb-496 .ops27 ol{ margin: 0 0 1em; padding-left: 1.15em; } #pb-496 .ops27 .ops27-band,#pb-496 .ops27 .ops27-band--tight,#pb-496 .ops27 .ops27-band--paper,#pb-496 .ops27 .ops27-band--paper2{ padding-left: 0 !important; padding-right: 0 !important; } #pb-496 .ops27 .ops27-wrap{ padding-left: 48px !important; padding-right: 48px !important; } #pb-496 .ops27-leads{ display: grid; grid-template-columns: 1fr 1fr; gap: 26px; } /* ---------------------------------------------------------------------- 2 Buttons */ #pb-496 .ops27-btn{ display: inline-flex; align-items: center; justify-content: center; gap: 10px; text-align: center; font-family: inherit; font-size: 15px; font-weight: 700; letter-spacing: .01em; line-height: 1.2; padding: 14px 24px; border-radius: 4px; text-decoration: none; border: 2px solid transparent; -webkit-appearance: none; appearance: none; cursor: pointer; transition: transform .15s ease, background-color .15s ease, color .15s ease, border-color .15s ease; } #pb-496 .ops27-btn:hover{ transform: translateY(-2px); } #pb-496 .ops27-btn.ops27-btn--solid{ background-color: #e40069; color: #FFFFFF; border-color: #e40069; } #pb-496 .ops27-btn.ops27-btn--solid:hover{ background-color: #FF3D8C; color: #0A0D11; border-color: #FF3D8C; } #pb-496 .ops27-btn.ops27-btn--ghost{ background-color: transparent; color: #FFFFFF; border-color: rgba(255,255,255,.22); } #pb-496 .ops27-btn.ops27-btn--ghost:hover{ background-color: #FFFFFF; color: #0A0D11; border-color: #FFFFFF; } #pb-496 .ops27-btn--big{ font-size: 17px; padding: 19px 34px; } #pb-496 .ops27-btn--sm{ padding: 10px 16px; font-size: 13.5px; } #pb-496 .ops27-btnrow{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; } #pb-496 .ops27-btnrow--center{ justify-content: center; } #pb-496 .ops27-btnrow--tight{ margin-top: 16px; } #pb-496 .ops27-final .ops27-btn{ background-color: #fff; color: #0A0D11; border-color: #fff; } #pb-496 .ops27-final .ops27-btn:hover{ background-color: #0A0D11; color: #fff; border-color: #0A0D11; } #pb-496 .ops27-btn.ops27-btn--solid,#pb-496 .ops27-btn.ops27-btn--light{ background-color: #e40069; color: #FFFFFF; border-color: #e40069; } #pb-496 .ops27-btn.ops27-btn--solid:hover,#pb-496 .ops27-btn.ops27-btn--light:hover{ background-color: #FF3D8C; color: #0A0D11; border-color: #FF3D8C; } #pb-496 .ops27-btn.ops27-btn--ghost,#pb-496 .ops27-btn.ops27-btn--ghostlight{ background-color: transparent; color: #FFFFFF; border-color: rgba(255,255,255,.22); } #pb-496 .ops27-btn.ops27-btn--ghost:hover,#pb-496 .ops27-btn.ops27-btn--ghostlight:hover{ background-color: #FFFFFF; color: #0A0D11; border-color: #FFFFFF; } #pb-496 .ops27-btn--block{ width: 100%; } #pb-496 .ops27-ticket .ops27-btn{ margin-top: auto; } #pb-496 .ops27-teaser .ops27-btn{ margin-top: auto; align-self: flex-start; } #pb-496 .ops27-cta .ops27-btn{ background-color: #fff; color: #0A0D11; border-color: #fff; } #pb-496 .ops27-cta .ops27-btn:hover{ background-color: #0A0D11; color: #fff; border-color: #0A0D11; } #pb-496 .ops27-f-links .ops27-btn{ width: 100%; } #pb-496 .ops27-card .ops27-btn{ margin-top: auto; } #pb-496 .ops27-dl .ops27-btn{ background-color: #FFFFFF; color: #0A0D11; border-color: #FFFFFF; } #pb-496 .ops27-dl .ops27-btn:hover{ background-color: #0A0D11; color: #FFFFFF; border-color: #0A0D11; } #pb-496 .ops27-plate .ops27-btn{ background-color: #fff; color: #0A0D11; border-color: #fff; } #pb-496 .ops27-plate .ops27-btn:hover{ background-color: #0A0D11; color: #fff; border-color: #0A0D11; } #pb-496 .ops27-hotel .ops27-btn{ margin-top: auto; } #pb-496 .ops27-box .ops27-btn{ margin-top: auto; align-self: flex-start; } #pb-496 .ops27-btn--solid{ background-color: #e40069; color: #FFFFFF; border-color: #e40069; } #pb-496 .ops27-btn--solid:hover{ background-color: #FF3D8C; color: #0A0D11; border-color: #FF3D8C; } #pb-496 .ops27-btn--ghost{ background-color: transparent; color: #FFFFFF; border-color: rgba(255,255,255,.22); } #pb-496 .ops27-btn--ghost:hover{ background-color: #FFFFFF; color: #0A0D11; border-color: #FFFFFF; } #pb-496 .ops27-person-body .ops27-btnrow{ margin-top: auto; padding-top: 8px; } #pb-496 .ops27-orgcard .ops27-btnrow{ margin-top: auto; } /* ---------------------------------------------------------------------- 3 Hero und Navigation */ #pb-496 .ops27-hero{ position: relative; background: #0A0D11; overflow: hidden; } #pb-496 .ops27-hero img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .2; } #pb-496 .ops27-hero::after{ content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(115deg, rgba(228,0,105,.20) 0%, rgba(10,13,17,.55) 48%, rgba(10,13,17,.85) 100%); } #pb-496 .ops27-hero-in{ position: relative; z-index: 1; padding: 112px 48px 96px; } #pb-496 .ops27-hero .ops27-hero-in{ padding-left: 48px !important; padding-right: 48px !important; padding-top: 112px !important; padding-bottom: 96px !important; } #pb-496 .ops27-topgap{ display: block; height: 24px; width: 100%; } #pb-496 .ops27-when{ display: flex; flex-wrap: wrap; gap: 10px 34px; margin: 34px 0 0; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.22); font-size: 16.5px; color: #C6D0D9; } #pb-496 .ops27-when b{ color: #fff; } #pb-496 .ops27-when b.hl{ color: #FF7AB4; } #pb-496 .ops27-eb-band{ background: linear-gradient(100deg, #e40069 0%, #8A0343 42%, #1C030F 78%, #0A0D11 100%); border-bottom: 3px solid #e40069; } #pb-496 .ops27-eb{ display: flex; flex-wrap: wrap; align-items: center; gap: 22px 34px; padding: 28px 0; } #pb-496 .ops27-eb-lab{ font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: #fff; margin: 0; flex: 0 0 auto; border: 1px solid rgba(255,255,255,.5); border-radius: 100px; padding: 7px 15px; } #pb-496 .ops27-eb-main{ flex: 1 1 300px; } #pb-496 .ops27-eb-static{ margin: 0; font-size: clamp(19px, 2.4vw, 25px); font-weight: 700; letter-spacing: -.018em; color: #fff; } #pb-496 .ops27-eb-clock{ display: flex; gap: 26px; } #pb-496 .ops27-eb-clock div{ min-width: 64px; } #pb-496 .ops27-eb-clock b{ display: block; font-size: clamp(30px, 4vw, 44px); font-weight: 800; line-height: 1; letter-spacing: -.03em; color: #fff; } #pb-496 .ops27-eb-clock span{ display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #FFB3D6; margin-top: 7px; } #pb-496 .ops27-eb-note{ margin: 9px 0 0; font-size: 14px; color: #F2C9DE; } #pb-496 .ops27-facts{ display: flex; flex-wrap: wrap; gap: 40px; margin-top: 44px; padding-top: 30px; border-top: 1px solid rgba(255,255,255,.22); } #pb-496 .ops27-fact{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-top: 4px solid #e40069; border-radius: 4px; padding: 28px 26px; } #pb-496 .ops27-fact b{ display: block; font-size: clamp(22px, 3vw, 30px); font-weight: 800; letter-spacing: -.025em; line-height: 1.1; color: #fff; } #pb-496 .ops27-fact-lab{ font-size: 11.5px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #FF7AB4; margin: 12px 0 12px; } #pb-496 .ops27-fact p:last-child{ margin-bottom: 0; font-size: 15.5px; color: #98A4AF; line-height: 1.55; } #pb-496 .ops27-nav{ position: sticky; top: 0; z-index: 30; background: rgba(10,13,17,.94); border-bottom: 1px solid rgba(255,255,255,.12); backdrop-filter: blur(8px); } #pb-496 .ops27-nav-in{ max-width: 1180px; margin: 0 auto; padding: 0 28px; display: flex; gap: 3px; overflow-x: auto; scrollbar-width: none; } #pb-496 .ops27-nav-in::-webkit-scrollbar{ display: none; } #pb-496 .ops27-nav a{ flex: 0 0 auto; white-space: nowrap; text-decoration: none; color: #98A4AF; font-size: 12.5px; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; padding: 15px 13px; border-bottom: 3px solid transparent; } #pb-496 .ops27-nav a:hover{ color: #fff; border-bottom-color: #e40069; } #pb-496 .ops27-heropad{ display: block; padding: 112px 48px 96px; } #pb-496 .ops27-fact span{ display: block; font-size: 12px; letter-spacing: .13em; text-transform: uppercase; color: #FF7AB4; margin-top: 8px; } /* ---------------------------------------------------------------------- 4 Bausteine der einzelnen Seiten */ #pb-496 .ops27-stats{ display: grid; grid-template-columns: repeat(3, 1fr); background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; overflow: hidden; } #pb-496 .ops27-stat{ padding: 34px 30px; } #pb-496 .ops27-stat + .ops27-stat{ border-left: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-stat b{ display: block; font-size: clamp(34px, 5vw, 54px); font-weight: 800; letter-spacing: -.035em; line-height: 1; color: #fff; } #pb-496 .ops27-stat span{ display: block; font-size: 12.5px; letter-spacing: .13em; text-transform: uppercase; color: #FF7AB4; margin-top: 12px; } #pb-496 .ops27-wallhead{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px 24px; margin-bottom: 26px; } #pb-496 .ops27-wallhead a{ font-size: 14px; font-weight: 700; color: #FF7AB4; text-decoration: none; } #pb-496 .ops27-wallhead a:hover{ color: #FFB3D2; text-decoration: underline; } #pb-496 .ops27-wall{ display: flex; flex-wrap: wrap; gap: 16px; } #pb-496 .ops27-logo{ background: #FFFFFF; border-radius: 3px; padding: 12px; margin: 0; display: flex; align-items: center; justify-content: center; transition: transform .18s ease, box-shadow .18s ease; } #pb-496 .ops27-logo:hover{ transform: translateY(-3px); box-shadow: 0 12px 32px rgba(228,0,105,.28); } #pb-496 .ops27-logo img{ width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; } #pb-496 .ops27-split{ display: grid; grid-template-columns: 1.1fr .9fr; gap: 52px; align-items: start; } #pb-496 .ops27-split p{ color: #98A4AF; } #pb-496 .ops27-frame{ border: 1px solid rgba(255,255,255,.12); border-radius: 4px; overflow: hidden; background: #1A1F27; } #pb-496 .ops27-frame img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } #pb-496 .ops27-audience{ margin-top: 46px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-audience h3{ font-size: 17px; font-weight: 800; margin: 0 0 16px; color: #fff; letter-spacing: -.012em; } #pb-496 .ops27-tags{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 9px; } #pb-496 .ops27-tags li{ margin: 0; font-size: 14.5px; font-weight: 600; color: #EDF1F4; background: #1A1F27; border: 1px solid rgba(255,255,255,.22); border-radius: 100px; padding: 8px 16px; } #pb-496 .ops27-days{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } #pb-496 .ops27-day{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; } #pb-496 .ops27-day-head{ background: #e40069; color: #fff; padding: 18px 24px; } #pb-496 .ops27-day--pre .ops27-day-head{ background: #242C36; } #pb-496 .ops27-day-head b{ display: block; font-size: 21px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; } #pb-496 .ops27-day-head span{ display: block; font-size: 11.5px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; margin-top: 7px; } #pb-496 .ops27-day--pre .ops27-day-head span{ color: #98A4AF; } #pb-496 .ops27-day-body{ padding: 24px; flex: 1; } #pb-496 .ops27-day-body p{ font-size: 15.5px; color: #98A4AF; line-height: 1.55; } #pb-496 .ops27-day-body p:last-child{ margin-bottom: 0; } #pb-496 .ops27-evening{ margin-top: 16px; padding: 14px 16px; background: #1C030E; border-left: 3px solid #e40069; border-radius: 0 4px 4px 0; } #pb-496 .ops27-evening span{ display: block; font-size: 10.5px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #FF7AB4; margin-bottom: 5px; } #pb-496 .ops27-evening p{ margin: 0; font-size: 14.5px; color: #EDF1F4; } #pb-496 .ops27-guide{ display: grid; grid-template-columns: repeat(auto-fit, minmax(268px, 1fr)); gap: 20px; } #pb-496 .ops27-card{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; padding: 32px 30px; } #pb-496 .ops27-card:hover{ transform: translateY(-4px); box-shadow: 0 14px 40px rgba(228,0,105,.22); } #pb-496 .ops27-card h3{ font-size: 21px; font-weight: 800; letter-spacing: -.018em; margin: 0 0 18px; color: #fff; } #pb-496 .ops27-card h3::after{ content: " \2192"; color: #FF7AB4; } #pb-496 .ops27-card p{ font-size: 15px; color: #98A4AF; line-height: 1.55; margin: 0; } #pb-496 .ops27-news{ background: #FFFFFF; border: 1px solid rgba(255,255,255,.12); border-left: 4px solid #e40069; border-radius: 4px; padding: 32px 30px; margin-top: 34px; color: #14181D; } #pb-496 .ops27-news h3{ font-size: 20px; font-weight: 800; margin: 0 0 8px; color: #14181D; letter-spacing: -.016em; } #pb-496 .ops27-news p{ font-size: 15.5px; color: #4B5563; line-height: 1.55; max-width: 68ch; } #pb-496 .ops27-news a{ color: #B00054; text-decoration: underline; text-underline-offset: 2px; } #pb-496 .ops27-news a:hover{ color: #7D003C; } #pb-496 .ops27-newsrow{ display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 16px; } #pb-496 .ops27-final{ display: grid; grid-template-columns: 1.15fr .85fr; gap: 26px; } #pb-496 .ops27-final p{ color: #FBD9EA; font-size: 17.5px; max-width: 58ch; margin-left: auto; margin-right: auto; } #pb-496 .ops27-final p:last-child{ margin-bottom: 0; } #pb-496 .ops27-tickets{ display: grid; grid-template-columns: 1fr 1fr; gap: 26px; } #pb-496 .ops27-ticket{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-top: 5px solid #e40069; border-radius: 4px; padding: 30px 28px; display: flex; flex-direction: column; } #pb-496 .ops27-ticket--plain{ border-top-color: #C3CDD6; } #pb-496 .ops27-tkind{ font-size: 11.5px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: #FF7AB4; margin: 0 0 8px; } #pb-496 .ops27-ticket--plain .ops27-tkind{ color: #C3CDD6; } #pb-496 .ops27-ticket h3{ font-size: clamp(21px, 2.4vw, 26px); font-weight: 800; letter-spacing: -.022em; margin: 0 0 4px; color: #fff; } #pb-496 .ops27-tprice{ border-top: 1px solid rgba(255,255,255,.12); padding: 20px 0 16px; margin-top: 16px; } #pb-496 .ops27-tprice-lab{ font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #FF7AB4; margin: 0 0 8px; } #pb-496 .ops27-tprice b{ display: block; font-size: clamp(38px, 4.8vw, 52px); font-weight: 800; line-height: 1; letter-spacing: -.04em; color: #fff; } #pb-496 .ops27-tprice small{ display: block; font-size: 13.5px; color: #98A4AF; margin-top: 8px; } #pb-496 .ops27-tregular{ border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); padding: 14px 0; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: baseline; gap: 14px; font-size: 15px; } #pb-496 .ops27-tregular span{ color: #98A4AF; } #pb-496 .ops27-tregular b{ font-weight: 700; font-size: 19px; letter-spacing: -.018em; color: #fff; } #pb-496 .ops27-ticket > p{ font-size: 15.5px; color: #98A4AF; line-height: 1.55; } #pb-496 .ops27-verb{ list-style: none; padding: 0; margin: 0 0 18px; columns: 2; column-gap: 22px; } #pb-496 .ops27-verb li{ font-size: 14px; color: #EDF1F4; break-inside: avoid; margin-bottom: .35em; padding-left: 13px; position: relative; } #pb-496 .ops27-verb li::before{ content: ""; position: absolute; left: 0; top: .62em; width: 5px; height: 5px; border-radius: 50%; background: #FF7AB4; } #pb-496 .ops27-ticket--plain .ops27-verb li::before{ background: #C3CDD6; } #pb-496 .ops27-addons{ display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 22px; } #pb-496 .ops27-addon{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; padding: 26px 24px; display: flex; flex-direction: column; } #pb-496 .ops27-tag{ font-size: 10.5px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; border-radius: 100px; padding: 5px 12px; background: transparent; color: #FF7AB4; border: 1px solid rgba(255,122,184,.45); white-space: nowrap; } #pb-496 .ops27-tag--paid{ background: #242C36; color: #EDF1F4; border-color: rgba(255,255,255,.22); } #pb-496 .ops27-tag--incl{ background: #e40069; color: #fff; border-color: #e40069; } #pb-496 .ops27-sub2{ margin: -4px 0 12px; font-size: 13.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #FF7AB4; } #pb-496 .ops27-addon h3{ font-size: 18.5px; font-weight: 800; margin: 0 0 8px; letter-spacing: -.014em; color: #fff; } #pb-496 .ops27-addon p{ font-size: 15px; color: #98A4AF; line-height: 1.55; } #pb-496 .ops27-addon p:last-child{ margin-bottom: 0; } #pb-496 .ops27-limit{ margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.12); font-size: 13.5px; color: #EDF1F4; font-weight: 600; } #pb-496 .ops27-incl{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-left: 4px solid #e40069; border-radius: 4px; padding: 26px 28px; margin-top: 30px; } #pb-496 .ops27-incl h3{ font-size: 17px; font-weight: 800; margin: 0 0 16px; letter-spacing: -.01em; color: #fff; } #pb-496 .ops27-incl ul{ list-style: none; margin: 0 0 18px; padding: 0; columns: 2; column-gap: 40px; } #pb-496 .ops27-incl li{ font-size: 15px; color: #EDF1F4; padding-left: 15px; position: relative; } #pb-496 .ops27-incl li::before{ content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: #FF7AB4; } #pb-496 .ops27-incl-out{ font-size: 14px; color: #98A4AF; margin: 0; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-cross{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-top: 5px solid #FFB3D6; border-radius: 4px; padding: 36px 34px; display: grid; grid-template-columns: 1fr auto; gap: 30px; align-items: center; } #pb-496 .ops27-cross h2{ margin-bottom: 12px; } #pb-496 .ops27-cross p{ color: #98A4AF; } #pb-496 .ops27-cross p:last-of-type{ margin-bottom: 0; } #pb-496 .ops27-supprice{ font-size: 15px; color: #98A4AF; } #pb-496 .ops27-supprice b{ font-size: 28px; font-weight: 800; color: #fff; letter-spacing: -.025em; display: block; } #pb-496 .ops27-faq{ border-top: 1px solid rgba(255,255,255,.12); max-width: 84ch; } #pb-496 .ops27-faq details{ border-bottom: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-faq summary{ cursor: pointer; list-style: none; position: relative; padding: 20px 44px 20px 0; font-weight: 700; font-size: 17.5px; letter-spacing: -.008em; color: #fff; } #pb-496 .ops27-faq summary::-webkit-details-marker{ display: none; } #pb-496 .ops27-faq summary:hover{ color: #FF7AB4; } #pb-496 .ops27-faq summary::after{ content: "+"; position: absolute; right: 8px; top: 15px; font-size: 26px; font-weight: 400; line-height: 1; color: #FF7AB4; } #pb-496 .ops27-faq details[open] summary::after{ content: "\2013"; } #pb-496 .ops27-faq details[open] summary{ padding-bottom: 6px; color: #FF7AB4; } #pb-496 .ops27-faq-a{ padding: 0 44px 22px 0; color: #98A4AF; } #pb-496 .ops27-faq-a p:last-child,#pb-496 .ops27-faq-a ul:last-child{ margin-bottom: 0; } #pb-496 .ops27-teasers{ display: grid; grid-template-columns: repeat(auto-fit, minmax(268px, 1fr)); gap: 22px; } #pb-496 .ops27-teaser{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; padding: 28px 26px; display: flex; flex-direction: column; } #pb-496 .ops27-teaser h3{ font-size: 20px; font-weight: 800; margin: 0 0 10px; letter-spacing: -.018em; color: #fff; } #pb-496 .ops27-teaser p{ font-size: 15.5px; color: #98A4AF; line-height: 1.55; } #pb-496 .ops27-jump{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-left: 4px solid #e40069; border-radius: 4px; padding: 32px 30px; display: grid; grid-template-columns: 1fr auto; gap: 28px; align-items: center; } #pb-496 .ops27-jump p{ color: #98A4AF; margin-bottom: 0; } #pb-496 .ops27-jump h3{ margin-bottom: 8px; } #pb-496 .ops27-acc{ border-top: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-acc details{ border-bottom: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-acc summary{ cursor: pointer; list-style: none; position: relative; padding: 22px 48px 22px 0; display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; } #pb-496 .ops27-acc summary::-webkit-details-marker{ display: none; } #pb-496 .ops27-acc summary::after{ content: "+"; position: absolute; right: 8px; top: 18px; font-size: 27px; font-weight: 400; line-height: 1; color: #FF7AB4; } #pb-496 .ops27-acc details[open] summary::after{ content: "\2013"; } #pb-496 .ops27-acc-name{ font-size: clamp(19px, 2.2vw, 24px); font-weight: 800; letter-spacing: -.018em; color: #fff; } #pb-496 .ops27-acc summary:hover .ops27-acc-name{ color: #FF7AB4; } #pb-496 .ops27-acc-when{ font-size: 14px; color: #98A4AF; letter-spacing: .04em; } #pb-496 .ops27-acc-body{ padding: 0 48px 26px 0; max-width: 84ch; } #pb-496 .ops27-acc-body p{ color: #98A4AF; } #pb-496 .ops27-acc-body p:last-child{ margin-bottom: 0; } #pb-496 .ops27-acc-facts{ display: flex; flex-wrap: wrap; gap: 8px 32px; margin: 18px 0 0; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-acc-facts div{ display: flex; flex-direction: column; gap: 3px; } #pb-496 .ops27-acc-facts .lab{ font-size: 10.5px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #98A4AF; } #pb-496 .ops27-acc-facts .val{ font-size: 15.5px; color: #EDF1F4; font-weight: 600; } #pb-496 .ops27-cta{ background: linear-gradient(115deg, #e40069 0%, #8A0343 58%, #1C030E 100%); border-radius: 4px; padding: 52px 48px; display: grid; grid-template-columns: 1fr auto; gap: 36px; align-items: center; } #pb-496 .ops27-cta h2{ margin-bottom: 14px; } #pb-496 .ops27-cta p{ color: #FBD9EA; font-size: 17.5px; max-width: 58ch; margin-bottom: 0; } #pb-496 .ops27-claim{ display: grid; grid-template-columns: 1.1fr .9fr; gap: 52px; align-items: start; } #pb-496 .ops27-claim-big{ border-left: 4px solid #e40069; padding: 6px 0 6px 26px; font-size: clamp(24px, 3.4vw, 36px); line-height: 1.2; font-weight: 800; letter-spacing: -.028em; color: #fff; margin: 0; } #pb-496 .ops27-claim p{ color: #98A4AF; } #pb-496 .ops27-claim p:last-child{ margin-bottom: 0; } #pb-496 .ops27-spot{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-left: 5px solid #e40069; border-radius: 4px; padding: 34px; margin-bottom: 42px; display: grid; grid-template-columns: 300px 1fr; gap: 38px; align-items: start; } #pb-496 .ops27-spot-img{ margin: 0; background: #242C36; border-radius: 4px; overflow: hidden; } #pb-496 .ops27-spot-img img{ width: 100%; height: 460px; object-fit: cover; } #pb-496 .ops27-spot-flag{ display: inline-block; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; background: #e40069; color: #fff; border-radius: 100px; padding: 6px 14px; margin: 0 0 16px; } #pb-496 .ops27-spot h3{ font-size: clamp(26px, 3.6vw, 38px); font-weight: 800; letter-spacing: -.03em; margin: 0 0 6px; color: #fff; } #pb-496 .ops27-spot-role{ font-size: 17px; font-weight: 600; color: #FF7AB4; margin: 0 0 20px; } #pb-496 .ops27-spot p{ font-size: 16.5px; color: #98A4AF; line-height: 1.6; } #pb-496 .ops27-spot-meta{ display: flex; flex-wrap: wrap; gap: 8px 30px; margin: 22px 0 0; padding-top: 18px; border-top: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-spot-meta div{ display: flex; flex-direction: column; gap: 3px; } #pb-496 .ops27-spot-meta .lab{ font-size: 10.5px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #98A4AF; } #pb-496 .ops27-spot-meta .val{ font-size: 15.5px; color: #EDF1F4; font-weight: 600; } #pb-496 .ops27-features{ display: grid; grid-template-columns: repeat(auto-fit, minmax(272px, 1fr)); gap: 24px; } #pb-496 .ops27-feature{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease; } #pb-496 .ops27-feature:hover{ transform: translateY(-4px); border-color: #e40069; box-shadow: 0 14px 40px rgba(228,0,105,.22); } #pb-496 .ops27-portrait{ margin: 0; position: relative; background: #242C36; } #pb-496 .ops27-portrait img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } #pb-496 .ops27-portrait::after{ content: ""; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(10,13,17,0) 55%, rgba(10,13,17,.85) 100%); } #pb-496 .ops27-feature-body{ padding: 22px 22px 24px; display: flex; flex-direction: column; flex: 1; } #pb-496 .ops27-f-topic{ font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #FF7AB4; margin: 0 0 9px; } #pb-496 .ops27-feature h3{ font-size: 21px; font-weight: 800; letter-spacing: -.022em; margin: 0 0 4px; color: #fff; } #pb-496 .ops27-f-role{ font-size: 14.5px; color: #98A4AF; margin: 0 0 14px; line-height: 1.45; } #pb-496 .ops27-feature p{ font-size: 15px; color: #98A4AF; line-height: 1.55; } #pb-496 .ops27-f-links{ margin-top: auto; padding-top: 16px; border-top: 1px solid rgba(255,255,255,.12); display: flex; flex-direction: column; align-items: flex-start; gap: 10px; } #pb-496 .ops27-f-lang{ font-size: 13.5px; font-weight: 400; color: #98A4AF; } #pb-496 .speakers-images-container{ border-top-color: rgba(255,255,255,.14) !important; } #pb-496 .ops27-board{ display: grid; grid-template-columns: repeat(auto-fit, minmax(232px, 1fr)); gap: 22px; } #pb-496 .ops27-member{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; overflow: hidden; } #pb-496 .ops27-member img{ width: 100%; aspect-ratio: 1 / 1; object-fit: cover; background: #242C36; } #pb-496 .ops27-member-body{ padding: 20px; } #pb-496 .ops27-member h3{ font-size: 18px; font-weight: 700; margin: 0 0 3px; letter-spacing: -.012em; color: #fff; } #pb-496 .ops27-m-role{ font-size: 13.5px; color: #FF7AB4; margin: 0 0 10px; font-weight: 700; } #pb-496 .ops27-member p{ font-size: 14.5px; color: #98A4AF; margin: 0; line-height: 1.5; } #pb-496 .ops27-tier{ font-size: 11.5px; font-weight: 800; letter-spacing: .19em; text-transform: uppercase; margin: 0 0 6px; } #pb-496 .ops27-tier:last-of-type{ margin-bottom: 0; } #pb-496 .ops27-tier-head{ display: flex; align-items: baseline; gap: 16px; padding-bottom: 12px; margin-bottom: 22px; border-bottom: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-tier-name{ font-size: 12px; font-weight: 800; letter-spacing: .19em; text-transform: uppercase; color: #FF7AB4; margin: 0; } #pb-496 .ops27-tier-n{ font-size: 12px; color: #98A4AF; margin: 0 0 0 auto; letter-spacing: .08em; } #pb-496 .ops27-wall--major .ops27-logo,#pb-496 .ops27-wall--major .ops27-open{ width: 430px; height: 190px; } #pb-496 .ops27-wall--comm .ops27-logo,#pb-496 .ops27-wall--comm .ops27-open{ width: 350px; height: 160px; } #pb-496 .ops27-wall--gold .ops27-logo,#pb-496 .ops27-wall--gold .ops27-open{ width: 260px; height: 126px; } #pb-496 .ops27-wall--silv .ops27-logo,#pb-496 .ops27-wall--silv .ops27-open{ width: 190px; height: 96px; } #pb-496 .ops27-wall--bron .ops27-logo,#pb-496 .ops27-wall--bron .ops27-open{ width: 145px; height: 74px; } #pb-496 .ops27-wall .ops27-logo{ flex: 0 0 auto; max-width: 100%; } #pb-496 .ops27-wall .ops27-logo:empty{ display: none; } #pb-496 .ops27-wall .ops27-logo img{ max-width: 100%; } #pb-496 .ops27-wall--major .ops27-logo,#pb-496 .ops27-wall--comm .ops27-logo{ padding: 18px; } #pb-496 .ops27-open{ flex: 0 0 auto; width: 260px; height: 126px; max-width: 100%; display: flex; align-items: center; justify-content: center; text-align: center; padding: 18px 24px; border: 2px dashed rgba(255,255,255,.22); border-radius: 4px; font-size: 13.5px; font-weight: 700; color: #98A4AF; } #pb-496 .ops27-open b{ font-size: 12px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #FF7AB4; } #pb-496 .ops27-open span{ font-size: 14px; color: #98A4AF; } #pb-496 .ops27-wall .ops27-open{ flex: 0 0 auto; max-width: 100%; } #pb-496 .ops27-flat .ops27-open{ height: 72px; } #pb-496 .ops27-flat .ops27-open b{ font-size: 11px; } #pb-496 .ops27-flat .ops27-open span{ display: none; } #pb-496 .ops27-duo{ display: grid; grid-template-columns: 1fr 1fr; gap: 26px; } #pb-496 .ops27-duo p{ color: #98A4AF; } #pb-496 .ops27-flat{ display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)); } #pb-496 .ops27-flat .ops27-logo{ height: 72px; padding: 14px; } #pb-496 .ops27-flat .ops27-logo img{ max-height: 100%; } #pb-496 .ops27-plans{ display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin-top: 34px; } #pb-496 .ops27-plan{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; overflow: hidden; } #pb-496 .ops27-plan-head{ display: flex; align-items: center; gap: 14px; padding: 16px 20px; border-bottom: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-floor{ background: #e40069; color: #fff; font-weight: 800; font-size: 15px; padding: 7px 12px; border-radius: 3px; letter-spacing: .04em; } #pb-496 .ops27-plan-head b{ font-size: 16px; color: #fff; } #pb-496 .ops27-plan-head span:last-child{ margin-left: auto; font-size: 13.5px; color: #98A4AF; } #pb-496 .ops27-plan figure{ margin: 0; background: #fff; } #pb-496 .ops27-plan figcaption{ padding: 14px 20px; font-size: 13.5px; color: #98A4AF; background: #1A1F27; } #pb-496 .ops27-more{ margin: 0; } #pb-496 .ops27-more-btn{ display: inline-block; cursor: pointer; list-style: none; font-family: inherit; font-size: 16px; font-weight: 700; letter-spacing: .01em; line-height: 1.2; padding: 17px 30px; border-radius: 4px; background-color: #e40069; color: #FFFFFF; border: 2px solid #e40069; transition: background-color .15s ease, border-color .15s ease, color .15s ease, transform .15s ease; } #pb-496 .ops27-more-btn::-webkit-details-marker{ display: none; } #pb-496 .ops27-more-btn:hover{ background-color: #FF3D8C; border-color: #FF3D8C; color: #0A0D11; transform: translateY(-2px); } #pb-496 .ops27-more-btn::after{ content: "+"; display: inline-block; margin-left: 14px; font-size: 20px; font-weight: 400; line-height: 1; vertical-align: -1px; } #pb-496 .ops27-more[open] .ops27-more-btn::after{ content: "\2013"; } #pb-496 .ops27-more-body{ margin-top: 30px; } #pb-496 .ops27-args{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; } #pb-496 .ops27-arg{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; padding: 28px 26px; } #pb-496 .ops27-arg-n{ font-size: 12px; font-weight: 800; letter-spacing: .16em; color: #FF7AB4; margin: 0 0 14px; } #pb-496 .ops27-arg h3{ font-size: 19px; font-weight: 700; margin: 0 0 8px; letter-spacing: -.012em; color: #fff; } #pb-496 .ops27-arg p{ font-size: 15.5px; color: #98A4AF; margin: 0; line-height: 1.55; } #pb-496 .ops27-cards{ display: grid; grid-template-columns: repeat(auto-fit, minmax(252px, 1fr)); gap: 22px; } #pb-496 .ops27-card--gold,#pb-496 .ops27-card--silver,#pb-496 .ops27-card--bronze,#pb-496 .ops27-card--startup{ border-top-width: 5px; border-top-style: solid; display: flex; flex-direction: column; } #pb-496 .ops27-card--gold{ border-top-color: #FF7AB4; } #pb-496 .ops27-card--silver{ border-top-color: #FFB3D2; } #pb-496 .ops27-card--bronze{ border-top-color: #C3CDD6; } #pb-496 .ops27-card--startup{ border-top-color: #8A96A2; } #pb-496 .ops27-card--gold:hover{ border-color: #FF7AB4; border-top-color: #FF7AB4; } #pb-496 .ops27-card--silver:hover{ border-color: #FFB3D2; border-top-color: #FFB3D2; } #pb-496 .ops27-card--bronze:hover{ border-color: #C3CDD6; border-top-color: #C3CDD6; } #pb-496 .ops27-card--startup:hover{ border-color: #8A96A2; border-top-color: #8A96A2; } #pb-496 .ops27-card--gold .ops27-tier{ color: #FF7AB4; } #pb-496 .ops27-card--silver .ops27-tier{ color: #FFB3D2; } #pb-496 .ops27-card--bronze .ops27-tier{ color: #C3CDD6; } #pb-496 .ops27-card--startup .ops27-tier{ color: #8A96A2; } #pb-496 .ops27-amount{ display: flex; align-items: baseline; gap: 6px; } #pb-496 .ops27-amount b{ font-size: 40px; font-weight: 800; letter-spacing: -.035em; line-height: 1; color: #FFFFFF; } #pb-496 .ops27-amount i{ font-style: normal; font-size: 15px; color: #98A4AF; } #pb-496 .ops27-vat{ font-size: 12.5px; color: #98A4AF; margin: 8px 0 20px; } #pb-496 .ops27-card > p{ font-size: 15px; color: #98A4AF; line-height: 1.55; } #pb-496 .ops27-list{ list-style: none; padding: 0; margin: 4px 0 24px; } #pb-496 .ops27-list li{ display: flex; gap: 10px; font-size: 14.5px; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.12); color: #EDF1F4; } #pb-496 .ops27-list li::before{ content: ""; flex: 0 0 8px; height: 8px; margin-top: 7px; background: #FFB3D2; border-radius: 50%; } #pb-496 .ops27-card--gold .ops27-list li::before{ background: #FF7AB4; } #pb-496 .ops27-card--silver .ops27-list li::before{ background: #FFB3D2; } #pb-496 .ops27-card--bronze .ops27-list li::before{ background: #C3CDD6; } #pb-496 .ops27-card--startup .ops27-list li::before{ background: #8A96A2; } #pb-496 .ops27-todo{ color: #FF7AB4; font-weight: 800; font-size: 13px; } #pb-496 .ops27-toprow{ margin-top: 34px; background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-left: 4px solid #C3CDD6; border-radius: 4px; padding: 28px 30px; display: grid; grid-template-columns: 1.25fr .75fr; gap: 34px; align-items: start; } #pb-496 .ops27-toprow h3{ font-size: 20px; font-weight: 800; letter-spacing: -.018em; margin: 0 0 10px; color: #fff; } #pb-496 .ops27-toprow p{ font-size: 15.5px; color: #98A4AF; line-height: 1.55; } #pb-496 .ops27-toprow p:last-child{ margin-bottom: 0; } #pb-496 .ops27-toplist{ list-style: none; padding: 0; margin: 0 0 18px; border-top: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-toplist li{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.12); margin: 0; } #pb-496 .ops27-tl-name{ font-size: 16px; font-weight: 700; color: #fff; flex: 1 1 auto; } #pb-496 .ops27-tl-price{ font-size: 16px; font-weight: 700; color: #EDF1F4; white-space: nowrap; } #pb-496 .ops27-status{ flex: 0 0 100%; font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; color: #FF7AB4; } #pb-496 .ops27-status--out{ color: #C3CDD6; } #pb-496 .ops27-swipe{ display: none; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #98A4AF; margin: 0 0 12px; } #pb-496 .ops27-scroll{ overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; background: #1A1F27; } #pb-496 .ops27-tbl{ width: 100%; min-width: 900px; border-collapse: collapse; font-size: 15px; } #pb-496 .ops27-tbl th,#pb-496 .ops27-tbl td{ padding: 14px 18px; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-tbl thead th{ position: relative; padding-top: 22px; padding-bottom: 16px; font-size: 12px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; white-space: nowrap; color: #fff; } #pb-496 .ops27-tbl thead th.t-gold{ border-top: 4px solid #FF7AB4; } #pb-496 .ops27-tbl thead th.t-silver{ border-top: 4px solid #FFB3D2; } #pb-496 .ops27-tbl thead th.t-bronze{ border-top: 4px solid #C3CDD6; } #pb-496 .ops27-tbl thead th.t-startup{ border-top: 4px solid #8A96A2; } #pb-496 .ops27-grp th{ font-size: 11.5px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: #FF7AB4; padding-top: 30px; padding-bottom: 9px; } #pb-496 .ops27-tbl .f{ position: sticky; left: 0; z-index: 2; background: #1A1F27; font-weight: 600; min-width: 262px; color: #EDF1F4; } #pb-496 .ops27-tbl tbody tr:hover td,#pb-496 .ops27-tbl tbody tr:hover .f{ background: #242C36; } #pb-496 .ops27-tbl td{ color: #EDF1F4; } #pb-496 .ops27-price td{ font-size: 21px; font-weight: 800; letter-spacing: -.022em; color: #fff; padding-bottom: 16px; } #pb-496 .ops27-sub{ display: block; font-size: 12.5px; font-weight: 400; color: #98A4AF; margin-top: 3px; } #pb-496 .ops27-in{ color: #fff; } #pb-496 .ops27-out{ color: #8A96A2; } #pb-496 .ops27-opt{ color: #98A4AF; font-size: 14px; } #pb-496 .ops27-plan-h{ display: flex; align-items: center; gap: 14px; padding: 16px 20px; border-bottom: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-plan-h b{ font-size: 16px; color: #fff; } #pb-496 .ops27-plan-h span:last-child{ font-size: 13.5px; color: #98A4AF; margin-left: auto; } #pb-496 .ops27-toolpanel{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-left: 4px solid #e40069; border-radius: 4px; padding: 28px 26px; margin-top: 28px; } #pb-496 .ops27-toolhead{ font-size: 19px; font-weight: 800; letter-spacing: -.016em; color: #fff; margin: 0 0 10px; } #pb-496 .ops27-toolpanel p{ font-size: 15.5px; color: #98A4AF; line-height: 1.55; } #pb-496 .ops27-toolpanel p:last-of-type{ margin-bottom: 0; } #pb-496 .ops27-mailto{ margin: 14px 0 0; font-size: 14.5px; color: #98A4AF; } #pb-496 .ops27-supp{ display: grid; grid-template-columns: 1.05fr .95fr; gap: 52px; align-items: start; } #pb-496 .ops27-supp-box{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-top: 5px solid #FFB3D2; border-radius: 4px; padding: 30px 28px; } #pb-496 .ops27-supp p{ color: #98A4AF; } #pb-496 .ops27-supp-box .ops27-tier{ color: #FFB3D2; } #pb-496 .ops27-supp-box .ops27-list li::before{ background: #FFB3D2; } #pb-496 .ops27-form{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } #pb-496 .ops27-field{ display: flex; flex-direction: column; gap: 8px; } #pb-496 .ops27-field--full{ grid-column: 1 / -1; } #pb-496 .ops27-field label{ font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #98A4AF; } #pb-496 .ops27-field input,#pb-496 .ops27-field select,#pb-496 .ops27-field textarea{ font: inherit; font-size: 16px; color: #EDF1F4; background: #1A1F27; border: 1px solid rgba(255,255,255,.22); border-radius: 4px; padding: 13px 15px; width: 100%; } #pb-496 .ops27-field input::placeholder,#pb-496 .ops27-field textarea::placeholder{ color: #8A96A2; } #pb-496 .ops27-field textarea{ min-height: 130px; resize: vertical; } #pb-496 .ops27-req{ color: #FF7AB4; } #pb-496 .ops27-consent{ grid-column: 1 / -1; display: flex; gap: 13px; align-items: flex-start; background: #1C030E; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; padding: 18px 20px; } #pb-496 .ops27-consent input{ margin-top: 4px; width: 20px; height: 20px; flex: 0 0 auto; } #pb-496 .ops27-consent label{ font-size: 14.5px; line-height: 1.55; color: #EDF1F4; text-transform: none; letter-spacing: 0; font-weight: 400; } #pb-496 .ops27-dl{ background: linear-gradient(115deg, #e40069 0%, #8A0343 60%, #1C030E 100%); border-radius: 4px; padding: 36px 34px; } #pb-496 .ops27-contact{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; padding: 36px 34px; } #pb-496 .ops27-contact dl{ margin: 0; } #pb-496 .ops27-contact dt{ font-size: 11.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #98A4AF; margin-top: 20px; } #pb-496 .ops27-contact dt:first-child{ margin-top: 0; } #pb-496 .ops27-contact dd{ margin: 5px 0 0; font-size: 16px; line-height: 1.5; color: #EDF1F4; } #pb-496 .ops27-plate{ background: linear-gradient(115deg, #e40069 0%, #8A0343 62%, #1C030E 100%); border-radius: 4px; padding: 32px 34px; margin-bottom: 32px; display: flex; flex-wrap: wrap; gap: 26px; justify-content: space-between; align-items: flex-end; } #pb-496 .ops27-plate h3{ font-size: 24px; font-weight: 800; margin: 0 0 6px; letter-spacing: -.02em; color: #fff; } #pb-496 .ops27-plate address{ margin: 0; color: #FBD9EA; font-size: 17px; line-height: 1.5; font-style: normal; } #pb-496 .ops27-levels{ border: 1px solid rgba(255,255,255,.12); border-radius: 4px; overflow: hidden; background: #1A1F27; } #pb-496 .ops27-level{ display: grid; grid-template-columns: 96px 1fr; } #pb-496 .ops27-level + .ops27-level{ border-top: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-level-mark{ background: #e40069; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 24px 8px; } #pb-496 .ops27-level-mark b{ font-size: 28px; font-weight: 800; line-height: 1; } #pb-496 .ops27-level-mark span{ font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: #FBD9EA; } #pb-496 .ops27-level-body{ padding: 26px 28px; } #pb-496 .ops27-level-body > p:last-child{ margin-bottom: 0; } #pb-496 .ops27-level-body p{ color: #98A4AF; } #pb-496 .ops27-rooms{ list-style: none; padding: 0; margin: 0 0 16px; display: flex; flex-wrap: wrap; gap: 7px; } #pb-496 .ops27-rooms li{ margin: 0; font-size: 13.5px; font-weight: 600; color: #EDF1F4; background: #242C36; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; padding: 5px 11px; } #pb-496 .ops27-galerie{ overflow: hidden; white-space: nowrap; font-size: 0; line-height: 0; margin: 0 0 10px; border-radius: 4px; } #pb-496 .ops27-galerie a{ display: inline-block; margin: 0; padding: 0; border: 0; text-decoration: none; line-height: 0; } #pb-496 .ops27-galerie img{ display: block; width: 135px; height: 90px; object-fit: cover; margin: 0; padding: 0; border: 0; max-width: none; } #pb-496 .ops27-galerie-hint{ margin: 0 0 34px; font-size: 12.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #98A4AF; } #pb-496 .ops27-fig{ margin: 18px 0 0; } #pb-496 .ops27-fig img{ border: 1px solid rgba(255,255,255,.12); border-radius: 4px; background: #fff; } #pb-496 .ops27-fig figcaption{ font-size: 13.5px; color: #98A4AF; margin-top: 9px; } #pb-496 .ops27-routes{ border-top: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-route{ display: grid; grid-template-columns: 118px 1fr; gap: 26px; padding: 26px 0; border-bottom: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-modes{ display: flex; gap: 5px; align-self: start; } #pb-496 .ops27-mode{ flex: 1 1 0; min-width: 0; text-align: center; border-radius: 4px; padding: 11px 4px; color: #fff; font-weight: 800; font-size: 15px; letter-spacing: .02em; line-height: 1.1; } #pb-496 .ops27-mode--u5{ background: #BC7A00; } #pb-496 .ops27-mode--s1{ background: #16BAE7; color: #0A0D11; } #pb-496 .ops27-mode--s8{ background: #3A3A40; } #pb-496 .ops27-mode--db{ background: #EC0016; } #pb-496 .ops27-mode--park{ background: #0069B4; } #pb-496 .ops27-mode--air{ background: #4B5563; } #pb-496 .ops27-route-body > p:last-child{ margin-bottom: 0; } #pb-496 .ops27-route-body p{ font-size: 16px; color: #98A4AF; } #pb-496 .ops27-parklist{ margin: 0 0 1em; } #pb-496 .ops27-parklist li{ font-size: 16px; color: #EDF1F4; } #pb-496 .ops27-parklist span{ display: block; font-size: 14.5px; color: #98A4AF; } #pb-496 .ops27-map{ margin-top: 34px; } #pb-496 .ops27-mapbox{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; overflow: hidden; } #pb-496 .ops27-mapnote{ padding: 30px 28px; } #pb-496 .ops27-mapnote h3{ font-size: 18px; font-weight: 800; margin: 0 0 10px; color: #fff; letter-spacing: -.014em; } #pb-496 .ops27-mapnote p{ font-size: 15px; color: #98A4AF; line-height: 1.55; max-width: 76ch; } #pb-496 .ops27-mapnote p:last-of-type{ margin-bottom: 0; } #pb-496 .ops27-mapframe{ position: relative; width: 100%; aspect-ratio: 16 / 9; background: #242C36; } #pb-496 .ops27-mapframe iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } #pb-496 .ops27-deadline{ background: #1C030E; border-left: 5px solid #e40069; border-radius: 0 4px 4px 0; padding: 22px 26px; margin: 0 0 30px; } #pb-496 .ops27-deadline p:last-child{ margin-bottom: 0; color: #EDF1F4; } #pb-496 .ops27-deadline-lab{ font-size: 11px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; color: #FF7AB4; margin: 0 0 8px; } #pb-496 .ops27-hotels{ display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; } #pb-496 .ops27-hotel{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-top: 4px solid #e40069; border-radius: 4px; padding: 28px 26px; display: flex; flex-direction: column; } #pb-496 .ops27-hotel-walk{ font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #FF7AB4; margin: 0 0 10px; } #pb-496 .ops27-hotel h3{ font-size: 21px; font-weight: 800; letter-spacing: -.018em; margin: 0 0 4px; color: #fff; } #pb-496 .ops27-hotel-sub{ font-size: 14.5px; color: #98A4AF; margin: 0 0 18px; } #pb-496 .ops27-hotel address{ font-style: normal; font-size: 16px; line-height: 1.55; color: #EDF1F4; border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); padding: 16px 0; margin: 0 0 20px; } #pb-496 .ops27-hotel address a{ word-break: break-word; } #pb-496 .ops27-dlist{ list-style: none; padding: 0; margin: 0; border-top: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-dlist li{ margin: 0; border-bottom: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-dlist a{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 20px; padding: 18px 6px; text-decoration: none; color: #EDF1F4; } #pb-496 .ops27-dlist a:hover{ background: #1A1F27; color: #fff; } #pb-496 .ops27-dl-name{ font-weight: 700; flex: 1 1 240px; font-size: 17px; } #pb-496 .ops27-dl-name::after{ content: " \2193"; color: #FF7AB4; } #pb-496 .ops27-dl-meta{ font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; color: #98A4AF; } #pb-496 .ops27-grid3{ display: grid; grid-template-columns: repeat(auto-fit, minmax(268px, 1fr)); gap: 22px; } #pb-496 .ops27-box{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-top: 4px solid #e40069; border-radius: 4px; padding: 28px 26px; display: flex; flex-direction: column; } #pb-496 .ops27-box p{ font-size: 15.5px; color: #98A4AF; line-height: 1.55; } #pb-496 .ops27-box ul{ font-size: 15.5px; } #pb-496 .ops27-box > *:last-child{ margin-bottom: 0; } #pb-496 .ops27-faq-a p:last-child{ margin-bottom: 0; } #pb-496 .ops27-h4{ font-size: 11.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #98A4AF; margin: 0 0 10px; } #pb-496 .ops27-intro{ display: grid; grid-template-columns: 1.2fr .8fr; gap: 52px; } #pb-496 .ops27-intro p{ color: #98A4AF; } #pb-496 .ops27-intro p:last-child{ margin-bottom: 0; } #pb-496 .ops27-statement{ border-left: 4px solid #e40069; padding: 6px 0 6px 24px; } #pb-496 .ops27-statement b{ display: block; font-size: clamp(34px, 4.6vw, 52px); font-weight: 800; letter-spacing: -.035em; line-height: 1; margin-bottom: 12px; color: #fff; } #pb-496 .ops27-statement span{ font-size: 16.5px; color: #98A4AF; line-height: 1.5; display: block; } #pb-496 .ops27-statement + .ops27-statement{ margin-top: 34px; } #pb-496 .ops27-person{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-top: 5px solid #e40069; border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; } #pb-496 .ops27-person-body{ padding: 28px 28px 26px; display: flex; flex-direction: column; flex: 1; } #pb-496 .ops27-org{ font-size: 11px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; color: #FF7AB4; margin: 0 0 8px; } #pb-496 .ops27-person h3{ font-size: clamp(22px, 2.6vw, 28px); font-weight: 800; letter-spacing: -.025em; margin: 0 0 4px; color: #fff; } #pb-496 .ops27-role{ font-size: 15.5px; font-weight: 600; color: #98A4AF; margin: 0 0 18px; } #pb-496 .ops27-person-body p{ font-size: 15.5px; color: #98A4AF; line-height: 1.6; } #pb-496 .ops27-team{ display: grid; grid-template-columns: repeat(auto-fit, minmax(216px, 1fr)); gap: 22px; } #pb-496 .ops27-mrole{ font-size: 13px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; color: #FF7AB4; margin: 0 0 10px; line-height: 1.4; } #pb-496 .ops27-mtask{ font-size: 14.5px; color: #98A4AF; margin: 0 0 14px; line-height: 1.5; } #pb-496 .ops27-member p:last-child{ margin-bottom: 0; } #pb-496 .ops27-mlinks{ display: flex; flex-wrap: wrap; gap: 6px 16px; padding-top: 12px; border-top: 1px solid rgba(255,255,255,.12); margin: 0; } #pb-496 .ops27-inline{ font-size: 14px; font-weight: 700; } #pb-496 .ops27-orgs{ display: grid; grid-template-columns: 1fr 1fr; gap: 26px; } #pb-496 .ops27-orgcard{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-top: 5px solid #e40069; border-radius: 4px; padding: 30px 28px; display: flex; flex-direction: column; } #pb-496 .ops27-orgcard h3{ font-size: 21px; font-weight: 800; letter-spacing: -.02em; margin: 0 0 12px; color: #fff; } #pb-496 .ops27-orgcard p{ font-size: 15.5px; color: #98A4AF; line-height: 1.6; } #pb-496 .ops27-duties{ margin: 4px 0 20px; padding-left: 1.15em; } #pb-496 .ops27-duties li{ font-size: 15px; color: #EDF1F4; } #pb-496 .ops27-adr{ border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); padding: 18px 0; margin: 6px 0 22px; font-size: 16px; line-height: 1.55; color: #EDF1F4; font-style: normal; } #pb-496 .ops27-contactgrid{ display: grid; grid-template-columns: 1.1fr .9fr; gap: 26px; } #pb-496 .ops27-card dl{ margin: 0; } #pb-496 .ops27-card dt{ font-size: 11.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #98A4AF; margin-top: 22px; } #pb-496 .ops27-card dt:first-child{ margin-top: 0; } #pb-496 .ops27-card dd{ margin: 6px 0 0; font-size: 17px; line-height: 1.5; color: #EDF1F4; } #pb-496 .ops27-dial{ font-size: clamp(22px, 3vw, 29px); font-weight: 800; letter-spacing: -.025em; } #pb-496 .ops27-dial a{ text-decoration: none; color: #FF7AB4; } #pb-496 .ops27-dial a:hover{ text-decoration: underline; } #pb-496 .ops27-social{ list-style: none; padding: 0; margin: 0; border-top: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-social li{ margin: 0; border-bottom: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-social a{ display: flex; align-items: baseline; gap: 12px; padding: 16px 4px; text-decoration: none; color: #EDF1F4; font-weight: 700; } #pb-496 .ops27-social a:hover{ background: #242C36; color: #fff; } #pb-496 .ops27-social a::after{ content: "\2197"; margin-left: auto; color: #FF7AB4; font-weight: 400; } #pb-496 .ops27-social small{ font-weight: 400; font-size: 14px; color: #98A4AF; } /* ---------------------------------------------------------------------- 5 Anpassungen für Widgets */ #pb-496 .ops27-slots{ list-style: none; padding: 0; margin: 0 0 16px; } #pb-496 .ops27-slots li{ display: flex; gap: 10px; font-size: 15px; color: #EDF1F4; padding: 8px 0; border-bottom: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-slots li::before{ content: ""; flex: 0 0 7px; height: 7px; margin-top: 8px; background: #FF7AB4; border-radius: 50%; } #pb-496 #ops27-booking-slot,#pb-496 #ops27-booking-slot .re-tickets{ --space-xs: 4px; --space-sm: 8px; --space-md: 20px; --space-lg: 22px; --space-xl: 0px; --color-surface: transparent; --color-text: #EDF1F4; --color-border: rgba(255,255,255,.12); --font-body: "Geologica", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --radius-lg: 4px; --radius-md: 4px; --shadow-sm: none; --w-xs: 4px; --w-sm: 8px; --w-md: 20px; --w-lg: 22px; --w-xl: 0px; --w-bg: transparent; --w-text: #EDF1F4; --w-border: rgba(255,255,255,.12); --w-font: "Geologica", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --w-radius-lg: 4px; --w-shadow-sm: none; } #pb-496 #ops27-booking-slot .price .flex-space .flex-space h4::after{ content: " zzgl. USt."; font-size: 12.5px; font-weight: 400; letter-spacing: 0; text-transform: none; white-space: nowrap; color: #98A4AF; -webkit-text-fill-color: #98A4AF; } #pb-496 #ops27-booking-slot .price .flex-space .flex-space h4[style*="line-through"]::after{ content: ""; } #pb-496 #ops27-booking-slot .side h5::after{ content: " zzgl. USt."; font-size: 12px; font-weight: 400; letter-spacing: 0; text-transform: none; white-space: nowrap; color: #98A4AF; -webkit-text-fill-color: #98A4AF; } #pb-496 .ops27-booking{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; padding: 30px; min-height: 260px; } #pb-496 .ops27-slotnote{ border: 2px dashed rgba(255,255,255,.22); border-radius: 4px; padding: 34px 28px; text-align: center; color: #98A4AF; font-size: 15.5px; } #pb-496 .ops27-slotnote strong{ color: #fff; display: block; margin-bottom: 6px; font-size: 17px; } #pb-496 #ops27-booking-slot runevents-tickets{ display: block; width: 100%; } #pb-496 #ops27-booking-slot{ background: #1A1F27; } #pb-496 #ops27-booking-slot div{ background-color: transparent; } #pb-496 #ops27-booking-slot .re-tickets{ background-color: transparent; } #pb-496 #ops27-booking-slot .side{ background-color: transparent; } #pb-496 #ops27-booking-slot .section{ background-color: transparent; } #pb-496 #ops27-booking-slot .scroll-section{ background-color: transparent; } #pb-496 #ops27-booking-slot .flex-space{ background-color: transparent; } #pb-496 #ops27-booking-slot .price{ background-color: #242C36; border: 1px solid rgba(255,255,255,.12); border-left: 3px solid #e40069; border-radius: 4px; padding: 22px 24px; margin-bottom: 18px; } #pb-496 #ops27-booking-slot .btn-container{ background-color: transparent; } #pb-496 #ops27-booking-slot h1{ color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-496 #ops27-booking-slot h2{ color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-496 #ops27-booking-slot h3{ color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-496 #ops27-booking-slot h4{ color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-496 #ops27-booking-slot h5{ color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-496 #ops27-booking-slot h6{ color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-496 #ops27-booking-slot strong{ color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-496 #ops27-booking-slot b{ color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-496 #ops27-booking-slot p{ color: #EDF1F4; -webkit-text-fill-color: #EDF1F4; } #pb-496 #ops27-booking-slot span{ color: #EDF1F4; -webkit-text-fill-color: #EDF1F4; } #pb-496 #ops27-booking-slot small{ color: #98A4AF; -webkit-text-fill-color: #98A4AF; } #pb-496 #ops27-booking-slot li{ color: #EDF1F4; -webkit-text-fill-color: #EDF1F4; } #pb-496 #ops27-booking-slot label{ color: #98A4AF; -webkit-text-fill-color: #98A4AF; } #pb-496 #ops27-booking-slot a{ color: #FF7AB4; -webkit-text-fill-color: #FF7AB4; } #pb-496 #ops27-booking-slot hr{ border-color: rgba(255,255,255,.12); } #pb-496 #ops27-booking-slot .section h2{ font-size: 13px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #FF7AB4; -webkit-text-fill-color: #FF7AB4; } #pb-496 #ops27-booking-slot .label{ background-color: transparent; border: 0; color: #FF7AB4; -webkit-text-fill-color: #FF7AB4; font-weight: 700; } #pb-496 #ops27-booking-slot input{ background-color: #0C1015; border: 1px solid rgba(255,255,255,.42); border-radius: 4px; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; padding: 13px 15px; } #pb-496 #ops27-booking-slot #voucher{ background-color: #0C1015; border: 1px solid rgba(255,255,255,.42); border-radius: 4px; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; padding: 13px 15px; min-width: 220px; max-width: 100%; } #pb-496 #ops27-booking-slot #voucher:focus{ border-color: #FF7AB4; outline: 2px solid #FF7AB4; outline-offset: 1px; } #pb-496 #ops27-booking-slot select{ background-color: #12161B; border: 1px solid rgba(255,255,255,.42); border-radius: 4px; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; color-scheme: dark; padding: 10px 12px; min-width: 72px; } #pb-496 #ops27-booking-slot option{ background-color: #12161B; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-496 #ops27-booking-slot select:focus{ border-color: #FF7AB4; outline: 2px solid #FF7AB4; outline-offset: 1px; } #pb-496 #ops27-booking-slot textarea{ background-color: #12161B; border: 1px solid rgba(255,255,255,.22); border-radius: 4px; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-496 #ops27-booking-slot button,#pb-496 #ops27-booking-slot .btn,#pb-496 #ops27-booking-slot input[type="submit"]{ box-shadow: inset 0 0 0 999px #e40069 !important; display: inline-block !important; min-width: 160px !important; text-align: center !important; background-image: linear-gradient(#e40069, #e40069) !important; background-color: #e40069 !important; background-repeat: no-repeat !important; background-size: 100% 100% !important; background-position: 0 0 !important; border: 2px solid #e40069 !important; border-radius: 4px !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; font-weight: 700 !important; cursor: pointer !important; } #pb-496 #ops27-booking-slot button span,#pb-496 #ops27-booking-slot button div,#pb-496 #ops27-booking-slot .btn span,#pb-496 #ops27-booking-slot .btn div{ background: transparent !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-496 #ops27-booking-slot button{ background: #e40069 !important; background-color: #e40069 !important; background-image: none !important; border: 2px solid #e40069 !important; border-radius: 4px !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; font-weight: 700 !important; padding: 13px 22px !important; cursor: pointer !important; } #pb-496 #ops27-booking-slot button span{ color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-496 #ops27-booking-slot .btn{ background: #e40069 !important; background-color: #e40069 !important; background-image: none !important; border: 2px solid #e40069 !important; border-radius: 4px !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; font-weight: 700 !important; cursor: pointer !important; } #pb-496 #ops27-booking-slot .full-width{ width: 100%; font-size: 16px; padding: 16px 22px; margin-top: 8px; } #pb-496 #ops27-booking-slot .redirect-footer{ display: block; margin-top: 12px; color: #98A4AF; -webkit-text-fill-color: #98A4AF; font-size: 13px; } #pb-496 #ops27-booking-slot input::placeholder{ color: #8A96A2; -webkit-text-fill-color: #8A96A2; opacity: 1; } #pb-496 #ops27-booking-slot .add-spacing{ border-bottom: 1px solid rgba(255,255,255,.12); padding-bottom: 10px; margin-bottom: 10px; } #pb-496 .ops27-panel{ border-radius: 4px; border-top: 5px solid #e40069; padding: 28px 26px; min-height: 220px; } #pb-496 #ops27-agenda runevents-agenda{ display: block; width: 100%; } #pb-496 #ops27-agenda .agenda-component,#pb-496 #ops27-agenda .agenda-component *{ font-family: "Geologica", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; } #pb-496 #ops27-agenda .agenda-component{ font-size: 16px !important; color: #EDF1F4 !important; } #pb-496 #ops27-agenda .mdc-tab__text-label{ font-size: 13px !important; font-weight: 800 !important; letter-spacing: .12em !important; text-transform: uppercase !important; background: none !important; color: #98A4AF !important; -webkit-text-fill-color: #98A4AF !important; } #pb-496 #ops27-agenda .mdc-tab--active .mdc-tab__text-label{ color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-496 #ops27-agenda .mdc-tab-indicator__content--underline{ border-color: #e40069 !important; } #pb-496 #ops27-agenda .session-content{ background: #242C36 !important; border: 1px solid rgba(255,255,255,.12) !important; border-left: 3px solid #e40069 !important; border-radius: 4px !important; padding: 20px 22px !important; margin-right: 0 !important; margin-bottom: 14px !important; box-shadow: none !important; } #pb-496 #ops27-agenda .session-content:hover{ background: #2C3542 !important; border-color: #e40069 !important; } #pb-496 #ops27-agenda .non-content{ background: transparent !important; border: 1px dashed rgba(255,255,255,.22) !important; border-radius: 4px !important; padding: 14px 22px !important; margin-right: 0 !important; margin-bottom: 14px !important; } #pb-496 #ops27-agenda .agenda-component .session h3{ background: none !important; background-color: transparent !important; font-size: 13px !important; font-weight: 800 !important; letter-spacing: .1em !important; color: #FF7AB4 !important; -webkit-text-fill-color: #FF7AB4 !important; margin: 28px 0 10px !important; } #pb-496 #ops27-agenda .agenda-component .session h4{ background: none !important; background-color: transparent !important; font-size: 19px !important; font-weight: 800 !important; letter-spacing: -.016em !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; margin: 0 0 8px !important; } #pb-496 #ops27-agenda .agenda-component .label{ background: transparent !important; border: 0 !important; padding-left: 0 !important; padding-right: 0 !important; font-size: 11.5px !important; font-weight: 800 !important; letter-spacing: .1em !important; text-transform: uppercase !important; color: #FF7AB4 !important; -webkit-text-fill-color: #FF7AB4 !important; } #pb-496 #ops27-agenda .agenda-component .content-item{ background: transparent !important; font-size: 14px !important; font-weight: 600 !important; color: #98A4AF !important; -webkit-text-fill-color: #98A4AF !important; } #pb-496 #ops27-agenda .agenda-component p,#pb-496 #ops27-agenda .agenda-component small,#pb-496 #ops27-agenda .agenda-component span:not(.label):not(.content-item){ color: #98A4AF !important; -webkit-text-fill-color: #98A4AF !important; line-height: 1.6 !important; } #pb-496 #ops27-agenda .card-sidebar,#pb-496 #ops27-agenda .card-sidebar form,#pb-496 #ops27-agenda .card-sidebar .checkbox-container{ background: #1A1F27 !important; border-color: rgba(255,255,255,.12) !important; box-shadow: none !important; } #pb-496 #ops27-agenda .card-sidebar .title,#pb-496 #ops27-agenda .card-sidebar .title span{ background: transparent !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-496 #ops27-agenda .card-sidebar input[type="search"],#pb-496 #ops27-agenda .form-control{ background-color: #242C36 !important; border: 1px solid rgba(255,255,255,.22) !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-496 #ops27-agenda .card-sidebar input::placeholder{ color: #98A4AF !important; -webkit-text-fill-color: #98A4AF !important; opacity: 1 !important; } #pb-496 #ops27-agenda .card-sidebar .checkbox-container .checkbox{ background: #242C36 !important; box-shadow: none !important; margin-top: 7px !important; } #pb-496 #ops27-agenda .card-sidebar .checkbox label,#pb-496 #ops27-agenda .card-sidebar .checkbox label span{ background: transparent !important; color: #FF7AB4 !important; -webkit-text-fill-color: #FF7AB4 !important; font-weight: 700 !important; } #pb-496 #ops27-agenda input[type="checkbox"]{ accent-color: #e40069 !important; } #pb-496 #ops27-agenda .btn,#pb-496 #ops27-agenda button{ background: #e40069 !important; background-image: none !important; border: 2px solid #e40069 !important; border-radius: 4px !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; font-weight: 700 !important; } #pb-496 #ops27-agenda .btn:hover,#pb-496 #ops27-agenda button:hover{ background: #FF3D8C !important; border-color: #FF3D8C !important; } #pb-496 #ops27-agenda a{ color: #FF7AB4 !important; -webkit-text-fill-color: #FF7AB4 !important; } #pb-496 #ops27-agenda hr{ border-color: rgba(255,255,255,.12) !important; } #pb-496 #ops27-widget-speakers runevents-speakers{ display: block; width: 100%; } #pb-496 #ops27-widget-speakers .card{ background: #242C36 !important; border: 1px solid rgba(255,255,255,.12) !important; border-radius: 4px !important; box-shadow: none !important; } #pb-496 #ops27-widget-speakers .card:hover{ background: #2C3542 !important; border-color: #e40069 !important; } #pb-496 #ops27-widget-speakers .card h4,#pb-496 #ops27-widget-speakers .card:hover h4{ background: none !important; background-image: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: #FFFFFF !important; color: #FFFFFF !important; } #pb-496 #ops27-widget-speakers .card p,#pb-496 #ops27-widget-speakers .card span,#pb-496 #ops27-widget-speakers .card:hover p,#pb-496 #ops27-widget-speakers .card:hover span{ color: #98A4AF !important; -webkit-text-fill-color: #98A4AF !important; } #pb-496 #ops27-widget-speakers .card hr,#pb-496 #ops27-widget-speakers .card:hover hr{ border-color: rgba(255,255,255,.12) !important; } #pb-496 #ops27-widget-speakers .card .speaker-image img{ object-fit: cover !important; } #pb-496 #ops27-widget-speakers .labels .badge-icon:has(img){ background: #FFFFFF !important; border-radius: 3px !important; padding: 4px 6px !important; } #pb-496 #ops27-widget-speakers .label,#pb-496 #ops27-widget-speakers .labels .label,#pb-496 #ops27-widget-speakers .labels .badge-icon:not(:has(img)),#pb-496 #ops27-widget-speakers .card .label,#pb-496 #ops27-widget-speakers .card:hover .label{ background: transparent !important; background-image: none !important; border: 0 !important; box-shadow: none !important; padding-left: 0 !important; padding-right: 0 !important; color: #FF7AB4 !important; -webkit-text-fill-color: #FF7AB4 !important; font-weight: 700 !important; } #pb-496 #ops27-widget-speakers .mat-mdc-form-field,#pb-496 #ops27-widget-speakers .mat-mdc-text-field-wrapper,#pb-496 #ops27-widget-speakers .mdc-text-field--filled,#pb-496 #ops27-widget-speakers .mdc-text-field--outlined,#pb-496 #ops27-widget-speakers .mat-mdc-form-field-flex{ background: #242C36 !important; background-color: #242C36 !important; border-radius: 4px !important; } #pb-496 #ops27-widget-speakers .mat-mdc-form-field-focus-overlay,#pb-496 #ops27-widget-speakers .mat-mdc-form-field-subscript-wrapper{ background: transparent !important; } #pb-496 #ops27-widget-speakers .mat-mdc-select-value,#pb-496 #ops27-widget-speakers .mat-mdc-select-value-text,#pb-496 #ops27-widget-speakers .mat-mdc-select-min-line,#pb-496 #ops27-widget-speakers .mat-select-value,#pb-496 #ops27-widget-speakers .mat-select-value-text,#pb-496 #ops27-widget-speakers .mat-mdc-form-field input,#pb-496 #ops27-widget-speakers .mat-mdc-form-field-infix,#pb-496 #ops27-widget-speakers select,#pb-496 #ops27-widget-speakers option{ color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-496 #ops27-widget-speakers .mat-mdc-floating-label,#pb-496 #ops27-widget-speakers .mdc-floating-label,#pb-496 #ops27-widget-speakers .mat-mdc-select-placeholder,#pb-496 #ops27-widget-speakers .mat-select-placeholder,#pb-496 #ops27-widget-speakers .mat-mdc-form-field input::placeholder{ color: #98A4AF !important; -webkit-text-fill-color: #98A4AF !important; opacity: 1 !important; } #pb-496 #ops27-widget-speakers .mat-mdc-select-arrow,#pb-496 #ops27-widget-speakers .mat-mdc-select-arrow svg,#pb-496 #ops27-widget-speakers .mat-select-arrow,#pb-496 #ops27-widget-speakers .mat-mdc-form-field mat-icon{ color: #FF7AB4 !important; fill: #FF7AB4 !important; } #pb-496 #ops27-widget-speakers .mdc-line-ripple::before,#pb-496 #ops27-widget-speakers .mdc-line-ripple::after{ border-bottom-color: rgba(255,255,255,.22) !important; } #pb-496 #ops27-widget-speakers .mdc-notched-outline__leading,#pb-496 #ops27-widget-speakers .mdc-notched-outline__notch,#pb-496 #ops27-widget-speakers .mdc-notched-outline__trailing{ border-color: rgba(255,255,255,.22) !important; } #pb-496 #ops27-widget-speakers .mat-mdc-chip,#pb-496 #ops27-widget-speakers .mat-chip{ background: #242C36 !important; border: 1px solid rgba(255,255,255,.22) !important; } #pb-496 #ops27-widget-speakers .mat-mdc-chip .mdc-evolution-chip__text-label,#pb-496 #ops27-widget-speakers .mat-mdc-chip span,#pb-496 #ops27-widget-speakers .mat-chip{ color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-496 #ops27-widget-speakers .mat-mdc-checkbox label,#pb-496 #ops27-widget-speakers .mat-mdc-radio-button label,#pb-496 #ops27-widget-speakers .mdc-form-field label{ color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-496 #ops27-widget-speakers app-external-widget-filter .card-sidebar,#pb-496 #ops27-widget-speakers .card-sidebar,#pb-496 #ops27-widget-speakers .card-sidebar form,#pb-496 #ops27-widget-speakers .checkbox-container{ background: #1A1F27 !important; background-color: #1A1F27 !important; border-color: rgba(255,255,255,.12) !important; box-shadow: none !important; } #pb-496 #ops27-widget-speakers .card-sidebar .title,#pb-496 #ops27-widget-speakers .card-sidebar .title span{ background: transparent !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-496 #ops27-widget-speakers .card-sidebar input[type="search"],#pb-496 #ops27-widget-speakers .form-control{ background-color: #242C36 !important; border: 1px solid rgba(255,255,255,.22) !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-496 #ops27-widget-speakers .card-sidebar input::placeholder,#pb-496 #ops27-widget-speakers .form-control::placeholder{ color: #98A4AF !important; -webkit-text-fill-color: #98A4AF !important; opacity: 1 !important; } #pb-496 #ops27-widget-speakers .checkbox{ background: #242C36 !important; background-color: #242C36 !important; } #pb-496 #ops27-widget-speakers .checkbox:hover{ background-color: #2C3542 !important; } #pb-496 #ops27-widget-speakers .checkbox label,#pb-496 #ops27-widget-speakers .checkbox label span{ background: transparent !important; color: #FF7AB4 !important; -webkit-text-fill-color: #FF7AB4 !important; font-weight: 700 !important; } #pb-496 #ops27-widget-speakers .checkbox input[type="checkbox"]{ accent-color: #e40069 !important; } #pb-496 .cdk-overlay-container .mat-mdc-select-panel,#pb-496 .cdk-overlay-container .mat-mdc-autocomplete-panel,#pb-496 .cdk-overlay-container .mat-mdc-menu-panel,#pb-496 .cdk-overlay-container .mat-select-panel{ background: #1A1F27 !important; border: 1px solid rgba(255,255,255,.14) !important; box-shadow: 0 18px 48px rgba(0,0,0,.6) !important; } #pb-496 .cdk-overlay-container .mat-mdc-option,#pb-496 .cdk-overlay-container .mat-mdc-option .mdc-list-item__primary-text,#pb-496 .cdk-overlay-container .mat-option,#pb-496 .cdk-overlay-container .mat-option-text{ color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-496 .cdk-overlay-container .mat-mdc-option:hover{ background: rgba(228,0,105,.20) !important; } #pb-496 .cdk-overlay-container .mat-mdc-option.mdc-list-item--selected{ background: rgba(228,0,105,.28) !important; } #pb-496 .cdk-overlay-container .mat-mdc-option.mdc-list-item--selected .mdc-list-item__primary-text{ color: #FF7AB4 !important; -webkit-text-fill-color: #FF7AB4 !important; } #pb-496 .cdk-overlay-container .mat-mdc-option .mat-pseudo-checkbox-checked,#pb-496 .cdk-overlay-container .mat-mdc-option .mat-pseudo-checkbox-full{ background: #e40069 !important; border-color: #e40069 !important; } #pb-496 .popup .inner-container{ background: #14181D !important; border: 1px solid rgba(255,255,255,.14) !important; border-radius: 4px !important; box-shadow: 0 20px 60px rgba(0,0,0,.6) !important; } #pb-496 .popup .right-side h3,#pb-496 .popup h3{ background: none !important; background-image: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: #FFFFFF !important; color: #FFFFFF !important; } #pb-496 .popup .right-side span,#pb-496 .popup .content p,#pb-496 .popup .speakers-images span{ color: #98A4AF !important; -webkit-text-fill-color: #98A4AF !important; } #pb-496 .popup .right-side span{ border-top-color: rgba(255,255,255,.14) !important; } #pb-496 .popup .session-list button{ background: #1A1F27 !important; border: 1px solid rgba(255,255,255,.22) !important; color: #FF7AB4 !important; border-radius: 4px !important; } #pb-496 .popup .session-list button:hover{ background: #e40069 !important; color: #FFFFFF !important; } #pb-496 .popup .popup-footer button{ background: #e40069 !important; color: #FFFFFF !important; border: 2px solid #e40069 !important; border-radius: 4px !important; } #pb-496 .popup .popup-footer button:hover{ background: #FF3D8C !important; } #pb-496 .session-info .item{ background: #1A1F27 !important; color: #FF7AB4 !important; box-shadow: none !important; } #pb-496 .session-info .item mat-icon{ color: #FF7AB4 !important; } #pb-496 .ops27-slot{ border: 2px dashed rgba(255,255,255,.22); border-radius: 4px; padding: 34px 26px; text-align: center; color: #98A4AF; font-size: 15.5px; line-height: 1.55; } #pb-496 .ops27-slot strong{ display: block; color: #fff; font-size: 17.5px; margin-bottom: 8px; } #pb-496 .ops27-slot a{ color: #FF7AB4; } #pb-496 .ops27-panel--dark{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-top: 5px solid #e40069; } #pb-496 .ops27-panel--light{ background: #FFFFFF; border: 1px solid rgba(255,255,255,.12); border-top: 5px solid #e40069; } #pb-496 #ops27-widget-profiles runevents-sponsors{ display: block; width: 100%; } #pb-496 #ops27-widget-profiles h1,#pb-496 #ops27-widget-profiles h2,#pb-496 #ops27-widget-profiles h3,#pb-496 #ops27-widget-profiles h4,#pb-496 #ops27-widget-profiles h5,#pb-496 #ops27-widget-profiles h6,#pb-496 #ops27-widget-profiles strong,#pb-496 #ops27-widget-profiles b{ background: none !important; background-image: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; -webkit-text-fill-color: #FFFFFF !important; color: #FFFFFF !important; } #pb-496 #ops27-widget-profiles .section h2,#pb-496 #ops27-widget-profiles .section h3{ font-size: 13px !important; font-weight: 800 !important; letter-spacing: .16em !important; text-transform: uppercase !important; color: #FF7AB4 !important; -webkit-text-fill-color: #FF7AB4 !important; } #pb-496 #ops27-widget-profiles p,#pb-496 #ops27-widget-profiles span,#pb-496 #ops27-widget-profiles small,#pb-496 #ops27-widget-profiles li,#pb-496 #ops27-widget-profiles address,#pb-496 #ops27-widget-profiles td{ color: #EDF1F4 !important; -webkit-text-fill-color: #EDF1F4 !important; } #pb-496 #ops27-widget-profiles .card,#pb-496 #ops27-widget-profiles .sponsor,#pb-496 #ops27-widget-profiles .list-group,#pb-496 #ops27-widget-profiles .list-group-item{ background-color: #242C36 !important; border-color: rgba(255,255,255,.12) !important; box-shadow: none !important; } #pb-496 #ops27-widget-profiles .card:hover{ background-color: #2C3542 !important; border-color: #e40069 !important; } #pb-496 #ops27-widget-profiles .card img,#pb-496 #ops27-widget-profiles .badge-icon:has(img){ background: #FFFFFF !important; border-radius: 3px !important; padding: 8px !important; } #pb-496 #ops27-widget-profiles .label,#pb-496 #ops27-widget-profiles .labels .badge-icon:not(:has(img)){ background: transparent !important; border: 0 !important; padding-left: 0 !important; padding-right: 0 !important; color: #FF7AB4 !important; -webkit-text-fill-color: #FF7AB4 !important; font-weight: 700 !important; } #pb-496 #ops27-widget-profiles .card-sidebar,#pb-496 #ops27-widget-profiles .card-sidebar form,#pb-496 #ops27-widget-profiles .checkbox-container{ background: #1A1F27 !important; background-color: #1A1F27 !important; border-color: rgba(255,255,255,.12) !important; box-shadow: none !important; } #pb-496 #ops27-widget-profiles .card-sidebar .title,#pb-496 #ops27-widget-profiles .card-sidebar .title span{ background: transparent !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-496 #ops27-widget-profiles input[type="search"],#pb-496 #ops27-widget-profiles input[type="text"],#pb-496 #ops27-widget-profiles .form-control{ background-color: #242C36 !important; border: 1px solid rgba(255,255,255,.22) !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-496 #ops27-widget-profiles input::placeholder,#pb-496 #ops27-widget-profiles .form-control::placeholder{ color: #98A4AF !important; -webkit-text-fill-color: #98A4AF !important; opacity: 1 !important; } #pb-496 #ops27-widget-profiles .checkbox{ background: #242C36 !important; background-color: #242C36 !important; box-shadow: none !important; } #pb-496 #ops27-widget-profiles .checkbox:hover{ background-color: #2C3542 !important; } #pb-496 #ops27-widget-profiles .checkbox label,#pb-496 #ops27-widget-profiles .checkbox label span{ background: transparent !important; color: #FF7AB4 !important; -webkit-text-fill-color: #FF7AB4 !important; font-weight: 700 !important; } #pb-496 #ops27-widget-profiles input[type="checkbox"]{ accent-color: #e40069 !important; } #pb-496 #ops27-widget-profiles .btn,#pb-496 #ops27-widget-profiles button{ background: #e40069 !important; background-image: none !important; border: 2px solid #e40069 !important; border-radius: 4px !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; font-weight: 700 !important; } #pb-496 #ops27-widget-profiles .btn:hover,#pb-496 #ops27-widget-profiles button:hover{ background: #FF3D8C !important; border-color: #FF3D8C !important; } #pb-496 #ops27-widget-profiles a:not(.btn){ color: #FF7AB4 !important; -webkit-text-fill-color: #FF7AB4 !important; } #pb-496 #ops27-widget-profiles hr{ border-color: rgba(255,255,255,.12) !important; } #pb-496 .ops27-panel--light .ops27-slot{ color: #5F6B75; border-color: #C9D0D6; } #pb-496 .ops27-panel--light .ops27-slot strong{ color: #14181D; } #pb-496 .ops27-panel--light .ops27-slot a{ color: #B00062; } /* ---------------------------------------------------------------------- 6 Bildschirmbreiten */ @media (max-width: 980px){ #pb-496 .ops27-split{ grid-template-columns: 1fr; gap: 34px; } #pb-496 .ops27-stats,#pb-496 .ops27-days{ grid-template-columns: 1fr; } #pb-496 .ops27-stat + .ops27-stat{ border-left: 0; border-top: 1px solid rgba(255,255,255,.12); } #pb-496 .ops27-tickets,#pb-496 .ops27-cross{ grid-template-columns: 1fr; } #pb-496 .ops27-incl ul{ columns: 1; } #pb-496 .ops27-cross{ gap: 22px; } #pb-496 .ops27-jump,#pb-496 .ops27-cta{ grid-template-columns: 1fr; } #pb-496 .ops27-claim,#pb-496 .ops27-jump,#pb-496 .ops27-cta,#pb-496 .ops27-spot{ grid-template-columns: 1fr; } #pb-496 .ops27-claim{ gap: 34px; } #pb-496 .ops27-spot{ gap: 26px; padding: 24px; } #pb-496 .ops27-spot-img{ max-width: 260px; } #pb-496 .ops27-duo,#pb-496 .ops27-plans,#pb-496 .ops27-cta{ grid-template-columns: 1fr; } #pb-496 .ops27-duo{ grid-template-columns: 1fr; } #pb-496 .ops27-toprow,#pb-496 .ops27-plans,#pb-496 .ops27-supp,#pb-496 .ops27-final,#pb-496 .ops27-form{ grid-template-columns: 1fr; } #pb-496 .ops27-toprow{ gap: 24px; } #pb-496 .ops27-supp{ grid-template-columns: 1fr; gap: 34px; } #pb-496 .ops27-args{ grid-template-columns: 1fr; } #pb-496 .ops27-final{ grid-template-columns: 1fr; } #pb-496 .ops27-intro,#pb-496 .ops27-leads,#pb-496 .ops27-orgs,#pb-496 .ops27-contactgrid{ grid-template-columns: 1fr; } #pb-496 .ops27-intro{ gap: 40px; } } @media (max-width: 760px){ #pb-496 .ops27{ font-size: 16px; } #pb-496 .ops27-band{ padding: 58px 0; } #pb-496 .ops27-band--tight{ padding: 40px 0; } #pb-496 .ops27-wrap{ padding: 0 40px; } #pb-496 .ops27-hero-in{ padding: 78px 40px 66px; } #pb-496 .ops27-hero .ops27-wrap{ padding-left: 40px !important; padding-right: 40px !important; } #pb-496 .ops27-hero .ops27-hero-in{ padding-left: 40px !important; padding-right: 40px !important; padding-top: 78px !important; padding-bottom: 66px !important; } #pb-496 .ops27-eb-band{ background: linear-gradient(160deg, #e40069 0%, #8A0343 46%, #1C030F 82%, #0A0D11 100%); } #pb-496 .ops27-eb{ gap: 16px 24px; } #pb-496 .ops27-eb-clock{ gap: 18px; } #pb-496 .ops27-stat{ padding: 26px 22px; } #pb-496 .ops27-wall{ gap: 12px; } #pb-496 .ops27-news{ padding: 24px 22px; } #pb-496 .ops27-final{ padding: 36px 24px; } #pb-496 .ops27-ticket,#pb-496 .ops27-booking{ padding: 24px 22px; } #pb-496 .ops27-verb{ columns: 1; } #pb-496 .ops27-cross{ padding: 26px 22px; } #pb-496 .ops27-faq summary{ font-size: 16.5px; } #pb-496 .ops27-wrap,#pb-496 .ops27-nav-in{ padding: 0 40px; } #pb-496 .ops27-sec{ scroll-margin-top: 118px; } #pb-496 .ops27-panel{ padding: 20px 16px; } #pb-496 .ops27-cta{ padding: 32px 26px; } #pb-496 .ops27-acc-name{ font-size: 18px; } #pb-496 .ops27-acc summary{ padding-right: 40px; } #pb-496 .ops27-acc-body{ padding-right: 0; } #pb-496 .ops27-board{ grid-template-columns: repeat(auto-fit, minmax(152px, 1fr)); } #pb-496 .ops27-wall--major .ops27-logo,#pb-496 .ops27-wall--major .ops27-open{ width: 100%; height: 150px; } #pb-496 .ops27-wall--comm .ops27-logo,#pb-496 .ops27-wall--comm .ops27-open{ width: 100%; height: 130px; } #pb-496 .ops27-wall--gold .ops27-logo,#pb-496 .ops27-wall--gold .ops27-open{ width: 168px; height: 100px; } #pb-496 .ops27-wall--silv .ops27-logo,#pb-496 .ops27-wall--silv .ops27-open{ width: 132px; height: 78px; } #pb-496 .ops27-wall--bron .ops27-logo,#pb-496 .ops27-wall--bron .ops27-open{ width: 104px; height: 60px; } #pb-496 .ops27-wall--major .ops27-logo,#pb-496 .ops27-wall--comm .ops27-logo{ padding: 14px; } #pb-496 .ops27-heropad{ padding: 78px 40px 66px; } #pb-496 .ops27-facts{ gap: 26px; } #pb-496 .ops27-swipe{ display: block; } #pb-496 .ops27-tbl th,#pb-496 .ops27-tbl td{ padding: 12px 14px; } #pb-496 .ops27-tbl .f{ min-width: 210px; } #pb-496 .ops27-dl,#pb-496 .ops27-contact{ padding: 28px 24px; } #pb-496 .ops27-plate{ padding: 24px; } #pb-496 .ops27-level{ grid-template-columns: 68px 1fr; } #pb-496 .ops27-level-body{ padding: 20px 18px; } #pb-496 .ops27-route{ grid-template-columns: 96px 1fr; gap: 16px; } #pb-496 .ops27-mode{ font-size: 13px; padding: 9px 3px; } #pb-496 .ops27-mapnote{ padding: 22px 20px; } #pb-496 .ops27-galerie img{ width: 104px; height: 70px; } #pb-496 .ops27-mapframe{ aspect-ratio: 4 / 3; } #pb-496 .ops27-hotel{ padding: 24px 22px; } #pb-496 .ops27 .ops27-wrap{ padding-left: 40px !important; padding-right: 40px !important; } #pb-496 .ops27-nav-in{ padding: 0 40px; } #pb-496 .ops27-logo,#pb-496 .ops27-open{ width: 100%; height: 104px; } #pb-496 .ops27-person-body,#pb-496 .ops27-orgcard,#pb-496 .ops27-card{ padding: 24px 22px; } #pb-496 .ops27-team{ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } } @media (prefers-reduced-motion: reduce){ #pb-496 .ops27 *{ transition: none !important; animation: none !important; } #pb-496 .ops27-btn:hover,#pb-496 .ops27-card:hover,#pb-496 .ops27-logo:hover{ transform: none; } #pb-496 .ops27-btn:hover{ transform: none; } #pb-496 .ops27-btn:hover,#pb-496 .ops27-feature:hover{ transform: none; } #pb-496 .ops27-btn:hover,#pb-496 .ops27-logo:hover{ transform: none; } #pb-496 .ops27-btn:hover,#pb-496 .ops27-card:hover{ transform: none; } } /* 241:page-system:v2 */ #pb-496{--stat-panel-bg:color-mix(in srgb,var(--color-text-on-surface-dark,#fff) 6%,var(--color-surface-dark,#23202a));--stat-panel-color:var(--color-text-on-surface-dark,#fff);} #pb-496 .runevents__stat-panel{border-color:color-mix(in srgb,var(--color-text-on-surface-dark,#fff) 14%,transparent);}