/* ========================================================================== OPS 2027 — vollständiges CSS für die global.css von run.events Stand: 31. August 2026 EINSETZEN: Dieser Inhalt gehört ans ENDE der global.css, hinter den @supports-Block. Nicht oben einfügen, dort wird beim Speichern automatisch überschrieben. AUFBAU Teil 1 Variablen und Anpassungen an run.events-Klassen (Farben, Schrift, Flächen, Ecken, Schatten, Buttons, Links) Teil 2 Alle Regeln der OPS-Seiten (Hero, Navigation, Bänder, Karten, Tabellen, Widgets, responsive Anpassungen) PRÜFEN NACH DEM SPEICHERN Suche in der global.css nach --font-heading. Findest du die Zeile mit Geologica, ist dieser Block vollständig da. Fehlt sie, hat das Speichern ihn entfernt oder beschnitten. ========================================================================== */ /* ########################################################################## TEIL 1 — Variablen und run.events-Anpassungen ########################################################################## */ /* ========================================================================== OPS 2027 — Überschreibungen für global.css -------------------------------------------------------------------------- ANHÄNGEN, nicht einfügen. Dieser Block gehört ans ENDE der global.css, hinter den @supports-Block. Grund: Die Basiswerte oben in der Datei werden beim Speichern automatisch neu geschrieben ("patched deterministically on Save"). Was hier unten steht, bleibt erhalten und gewinnt, weil bei gleicher Spezifität die spätere Regel zählt. ZUERST in der Oberfläche setzen, falls dort möglich: Primärfarbe #e40069 (steht derzeit auf #e5006d) Schrift Geologica (steht dort bereits, nur die fetten Schnitte fehlen) Der Block unten setzt beides zusätzlich, schadet also nicht. ========================================================================== */ /* Geologica mit allen Schnitten, die das OPS-Design braucht. */ @import url('https://fonts.googleapis.com/css2?family=Geologica:wght@300;400;500;600;700;800;900&display=swap'); #pb-561{ /* --- Marke ------------------------------------------------------------ */ --color-primary: #e40069; --color-primary-hover: #FF3D8C; --color-primary-hsl: 332 100% 45%; /* Sekundärfarbe auf OPS-Rosa. Sie trägt Etiketten, Zeitmarken und Raumangaben in den Widgets. */ --color-secondary: #FF7AB4; --color-secondary-hover: #FFB3D2; --color-secondary-hsl: 334 100% 74%; /* Akzentfarbe war Cyan #7df9ff. Sie färbt Links beim Überfahren, die kleinen Balken über den Karten und die Badges. Auf Rosa umgestellt. */ --color-accent: #FF7AB4; /* --- Schrift ---------------------------------------------------------- */ --font-heading: "Geologica", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-body: "Geologica", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; /* --- Flächen ---------------------------------------------------------- */ /* Die Originalwerte werden im @supports-Block aus der Primärfarbe abgeleitet und sind dadurch leicht warm getönt (#141214). Hier auf die kühlen OPS-Töne gesetzt. */ --color-bg: #0A0D11; --color-surface: #1A1F27; --color-surface-alt: #242C36; --color-surface-dark: #12161B; --color-border: rgba(255, 255, 255, 0.12); /* --- Schrift auf Flächen ---------------------------------------------- */ --color-text: #EDF1F4; --color-text-muted: #98A4AF; --color-text-inverse: #FFFFFF; --color-text-on-primary: #FFFFFF; --color-text-on-secondary: #0A0D11; --color-text-on-surface-dark: #EDF1F4; --color-focus-ring: rgba(255, 122, 180, 0.35); /* --- Ecken ------------------------------------------------------------ */ /* OPS arbeitet durchgehend mit 4 px. */ --radius-sm: 4px; --radius-md: 4px; --radius-lg: 4px; /* --radius-full bleibt unverändert, sonst verlieren Ladebalken und Fortschrittsanzeigen ihre Form. */ /* --- Schatten --------------------------------------------------------- */ /* Das OPS-Design ist flach. */ --shadow-sm: none; --shadow-md: none; --shadow-lg: none; --lift-shadow: none; /* --- Bewegung --------------------------------------------------------- */ --transition-fast: 120ms ease; --transition-base: 150ms ease; --motion-duration: 300ms; --lift-y: -4px; /* --- Abstände --------------------------------------------------------- */ /* --space-lg trägt den Spaltenabstand im Ticket-Widget. 1.375rem sind die 22 px, die dort gewünscht sind. */ --space-lg: 1.375rem; /* --- Breite ----------------------------------------------------------- */ /* Original 56.25rem, also 900 px. Die OPS-Seiten laufen auf 1180 px. */ --page-max: 73.75rem; /* --- Sonstiges -------------------------------------------------------- */ --glass-blur: 0px; --media-tint: transparent; --media-blend: normal; --text-numeral: #FF7AB4; } /* -------------------------------------------------------------------------- Verlaufstext abschalten Auf dunklem Grund ist Verlaufstext mit transparenter Füllung schwer lesbar. Betrifft die Sprechernamen und Sessiontitel in den Widgets. -------------------------------------------------------------------------- */ #pb-561 .runevents__text-gradient{ background-image: none; -webkit-background-clip: border-box; background-clip: border-box; -webkit-text-fill-color: var(--color-text-inverse); color: var(--color-text-inverse); } #pb-561 .runevents__display--outline{ color: var(--color-text-inverse); -webkit-text-stroke: 0; } /* -------------------------------------------------------------------------- Buttons eckig statt pillenförmig -------------------------------------------------------------------------- */ #pb-561 .runevents__btn{ border-radius: var(--radius-sm); font-weight: 700; } #pb-561 .runevents__btn--primary,#pb-561 .runevents__btn--primary:hover{ box-shadow: none; } #pb-561 .runevents__btn--outline{ color: var(--color-text-inverse); border-color: rgba(255, 255, 255, 0.22); } #pb-561 .runevents__btn--outline:hover{ background: var(--color-text-inverse); border-color: var(--color-text-inverse); color: var(--color-text-on-secondary); } #pb-561 .runevents__badge{ border-radius: var(--radius-sm); } /* -------------------------------------------------------------------------- Kleine Akzentbalken über Karten entfernen Sie sitzen als ::before über Karten, Fakten und Panels. In der OPS-Optik tragen die Karten eine farbige Oberkante, kein zusätzliches Strichlein. -------------------------------------------------------------------------- */ #pb-561 .runevents__card-body::before,#pb-561 .runevents__fact-body::before,#pb-561 .runevents__panel::before,#pb-561 .runevents__quote::before,#pb-561 .runevents__stat-panel::before{ content: none; } /* -------------------------------------------------------------------------- Links im Fließtext Original: Magenta, beim Überfahren Cyan. Jetzt Rosa auf helleres Rosa. -------------------------------------------------------------------------- */ #pb-561 :where(.runevents__section a){ color: #FF7AB4; text-decoration-color: rgba(255, 122, 180, 0.55); } #pb-561 :where(.runevents__section a:hover){ color: #FFB3D2; text-decoration-color: #FFB3D2; } /* --------------------------------------------------------------- Titelbalken: Hover-Effekte von run.events abschalten Der Balken ist reine Anzeige, kein anklickbares Element. Ohne diese Regeln legt run.events beim Überfahren eine magentafarbene Fläche darüber. --------------------------------------------------------------- */ #pb-561 .ops27-titlebar,#pb-561 .ops27-titlebar *,#pb-561 .ops27-titlebar:hover,#pb-561 .ops27-titlebar *:hover,#pb-561 .ops27-titlebar:focus-within{ background-image: none !important; outline: none !important; box-shadow: none !important; text-decoration: none !important; transform: none !important; cursor: default !important; } #pb-561 .ops27-titlebar:hover,#pb-561 .ops27-titlebar:hover > *,#pb-561 .ops27-titlebar:hover .ops27-wrap,#pb-561 .ops27-titlebar:hover .ops27-head{ background-color: #12161B !important; border-color: transparent !important; } #pb-561 .ops27-titlebar:hover .ops27-h1,#pb-561 .ops27-titlebar:hover .ops27-h2,#pb-561 .ops27-titlebar:hover .ops27-h3{ background-color: transparent !important; color: #fff !important; } /* --------------------------------------------------------------- Partnerprofile in der Logowand Ein Klick auf ein Logo klappt die Beschreibung direkt unter der Logoreihe auf. Technisch steckt dahinter ein verstecktes Kontrollkaestchen: Das Logo ist ein label, der Klick setzt das Kaestchen, und das nachfolgende Feld wird sichtbar. Kein JavaScript, keine Adressaenderung, damit kein Konflikt mit dem Router der Plattform und dem base-Tag im Seitenkopf. Das Feld hat flex-basis 100 Prozent und bricht dadurch in der Logowand auf eine eigene Zeile, also genau unter die Reihe, in der das angeklickte Logo steht. --------------------------------------------------------------- */ #pb-561 .ops27-mtoggle{ position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; } #pb-561 label.ops27-logo{ cursor: pointer; } #pb-561 label.ops27-logo:focus-visible{ outline: 3px solid #FF7AB4; outline-offset: 3px; } #pb-561 .ops27-pinfo{ display: none; position: relative; flex: 1 0 100%; order: 99; background: #161A21; border: 1px solid rgba(255, 255, 255, 0.14); border-left: 4px solid #e40069; border-radius: 4px; padding: 30px 34px 26px 34px; margin: 4px 0 6px 0; } #pb-561 .ops27-pinfo-tier{ font-size: 0.72rem; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: #FF7AB4; margin: 0 0 8px 0; } #pb-561 .ops27-pinfo h3{ font-size: 1.35rem; font-weight: 800; letter-spacing: -0.02em; color: #FFFFFF; margin: 0 0 16px 0; line-height: 1.2; padding-right: 40px; } #pb-561 .ops27-pinfo p{ font-size: 0.95rem; font-weight: 300 !important; line-height: 1.75; letter-spacing: 0.002em; color: #D7DEE5; margin: 0 0 16px 0; max-width: 86ch; } #pb-561 .ops27-pinfo p:last-child{ margin-bottom: 0; } #pb-561 .ops27-pinfo-x{ position: absolute; top: 10px; right: 12px; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; font-size: 24px; line-height: 1; color: #98A4AF; cursor: pointer; border-radius: 4px; } #pb-561 .ops27-pinfo-x:hover{ color: #FFFFFF; background: rgba(255, 255, 255, 0.08); } @media (max-width: 640px) { #pb-561 .ops27-pinfo{ padding: 26px 20px 22px 20px; } #pb-561 .ops27-pinfo h3{ font-size: 1.15rem; } } #pb-561 #c-koenig:checked ~ #m-koenig{ display: block; } #pb-561 #c-iop:checked ~ #m-iop{ display: block; } #pb-561 #c-cloudlab:checked ~ #m-cloudlab{ display: block; } #pb-561 #c-ctrls:checked ~ #m-ctrls{ display: block; } #pb-561 #c-printess:checked ~ #m-printess{ display: block; } #pb-561 #c-probo:checked ~ #m-probo{ display: block; } #pb-561 #c-rissc:checked ~ #m-rissc{ display: block; } #pb-561 #c-fotoba:checked ~ #m-fotoba{ display: block; } #pb-561 #c-komori:checked ~ #m-komori{ display: block; } #pb-561 #c-heidelberg:checked ~ #m-heidelberg{ display: block; } /* ########################################################################## TEIL 2 — Regeln der OPS-Seiten ########################################################################## */ /* ========================================================================== 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. */ /* Der @import stand hier doppelt und ist entfernt. */ /* ---------------------------------------------------------------------- 1 Grundlagen und Typografie */ #pb-561 .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-561 .ops27 *,#pb-561 .ops27 *::before,#pb-561 .ops27 *::after{ box-sizing: border-box; } #pb-561 .ops27 p{ margin: 0 0 1em; } #pb-561 .ops27 ul{ margin: 0 0 1em; padding-left: 1.15em; } #pb-561 .ops27 li{ margin-bottom: .4em; } #pb-561 .ops27 img{ display: block; max-width: 100%; height: auto; } #pb-561 .ops27 p a,#pb-561 .ops27 li a,#pb-561 .ops27 dd a,#pb-561 .ops27 figcaption a,#pb-561 .ops27 address a,#pb-561 .ops27 label a{ color: #FF7AB4; text-decoration: underline; text-underline-offset: 2px; } #pb-561 .ops27 p a:hover,#pb-561 .ops27 li a:hover,#pb-561 .ops27 dd a:hover,#pb-561 .ops27 figcaption a:hover,#pb-561 .ops27 address a:hover,#pb-561 .ops27 label a:hover{ color: #FFB3D2; } #pb-561 .ops27 a:focus-visible,#pb-561 .ops27 button:focus-visible,#pb-561 .ops27 summary:focus-visible,#pb-561 .ops27 input:focus-visible,#pb-561 .ops27 select:focus-visible,#pb-561 .ops27 textarea:focus-visible,#pb-561 .ops27 [tabindex]:focus-visible{ outline: 3px solid #FF7AB4; outline-offset: 3px; } #pb-561 .ops27 [hidden]{ display: none !important; } #pb-561 .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-561 .ops27-band{ padding: 84px 0; } #pb-561 .ops27-band--paper{ background: #12161B; } #pb-561 .ops27-band--paper2{ background: #0A0D11; } #pb-561 .ops27-band--tight{ padding: 52px 0; } #pb-561 .ops27-wrap{ max-width: 1180px; margin: 0 auto; padding: 0 48px; } #pb-561 .ops27-eyebrow{ font-size: 20px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; margin: 0 0 18px; color: #FF7AB4; } #pb-561 .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-561 .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-561 .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-561 .ops27-lead{ font-size: clamp(18px, 2.1vw, 22px); line-height: 1.5; color: #98A4AF; max-width: 62ch; } #pb-561 .ops27-head{ max-width: 78ch; margin-bottom: 46px; } #pb-561 .ops27-fn{ font-size: 13.5px; color: #98A4AF; margin: 18px 0 0; line-height: 1.55; max-width: 90ch; } #pb-561 .ops27-hero .ops27-wrap{ padding-left: 48px !important; padding-right: 48px !important; } #pb-561 .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-561 .ops27-hero .ops27-lead{ color: #C6D0D9; max-width: 58ch; } #pb-561 .ops27-wallhead .ops27-eyebrow{ margin-bottom: 0; } #pb-561 .ops27-news .ops27-fn{ color: #5F6B75; } #pb-561 .ops27-final .ops27-eyebrow{ color: #fff; } #pb-561 .ops27 .ops27-band,#pb-561 .ops27 .ops27-band--paper,#pb-561 .ops27 .ops27-band--paper2{ padding-left: 0 !important; padding-right: 0 !important; } #pb-561 .ops27-sec{ scroll-margin-top: 96px; } #pb-561 .ops27-fn--flush{ margin-top: 0; } #pb-561 .ops27-cross .ops27-eyebrow{ color: #FFB3D6; } #pb-561 .ops27-cta .ops27-eyebrow{ color: #fff; } #pb-561 .ops27 .ops27-band,#pb-561 .ops27 .ops27-band--paper,#pb-561 .ops27 .ops27-band--paper2,#pb-561 .ops27 .ops27-band--ink{ padding-left: 0 !important; padding-right: 0 !important; } #pb-561 .ops27-band--ink{ background: #12161B; } #pb-561 .ops27-toprow .ops27-eyebrow{ color: #C3CDD6; margin-bottom: 10px; } #pb-561 .ops27-dl .ops27-eyebrow{ color: #FFFFFF; } #pb-561 .ops27-dl .ops27-lead{ color: #FBD9EA; font-size: 17px; } #pb-561 .ops27-dl .ops27-fn{ color: #F2C9DE; } #pb-561 .ops27 ul,#pb-561 .ops27 ol{ margin: 0 0 1em; padding-left: 1.15em; } #pb-561 .ops27 .ops27-band,#pb-561 .ops27 .ops27-band--tight,#pb-561 .ops27 .ops27-band--paper,#pb-561 .ops27 .ops27-band--paper2{ padding-left: 0 !important; padding-right: 0 !important; } #pb-561 .ops27 .ops27-wrap{ padding-left: 48px !important; padding-right: 48px !important; } #pb-561 .ops27-leads{ display: grid; grid-template-columns: 1fr 1fr; gap: 26px; } /* ---------------------------------------------------------------------- 2 Buttons */ #pb-561 .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-561 .ops27-btn:hover{ transform: translateY(-2px); } #pb-561 .ops27-btn.ops27-btn--solid{ background-color: #e40069; color: #FFFFFF; border-color: #e40069; } #pb-561 .ops27-btn.ops27-btn--solid:hover{ background-color: #FF3D8C; color: #0A0D11; border-color: #FF3D8C; } #pb-561 .ops27-btn.ops27-btn--ghost{ background-color: transparent; color: #FFFFFF; border-color: rgba(255,255,255,.22); } #pb-561 .ops27-btn.ops27-btn--ghost:hover{ background-color: #FFFFFF; color: #0A0D11; border-color: #FFFFFF; } #pb-561 .ops27-btn--big{ font-size: 17px; padding: 19px 34px; } #pb-561 .ops27-btn--sm{ padding: 10px 16px; font-size: 13.5px; } #pb-561 .ops27-btnrow{ display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; } #pb-561 .ops27-btnrow--center{ justify-content: center; } #pb-561 .ops27-btnrow--tight{ margin-top: 16px; } #pb-561 .ops27-final .ops27-btn{ background-color: #fff; color: #0A0D11; border-color: #fff; } #pb-561 .ops27-final .ops27-btn:hover{ background-color: #0A0D11; color: #fff; border-color: #0A0D11; } #pb-561 .ops27-btn.ops27-btn--solid,#pb-561 .ops27-btn.ops27-btn--light{ background-color: #e40069; color: #FFFFFF; border-color: #e40069; } #pb-561 .ops27-btn.ops27-btn--solid:hover,#pb-561 .ops27-btn.ops27-btn--light:hover{ background-color: #FF3D8C; color: #0A0D11; border-color: #FF3D8C; } #pb-561 .ops27-btn.ops27-btn--ghost,#pb-561 .ops27-btn.ops27-btn--ghostlight{ background-color: transparent; color: #FFFFFF; border-color: rgba(255,255,255,.22); } #pb-561 .ops27-btn.ops27-btn--ghost:hover,#pb-561 .ops27-btn.ops27-btn--ghostlight:hover{ background-color: #FFFFFF; color: #0A0D11; border-color: #FFFFFF; } #pb-561 .ops27-btn--block{ width: 100%; } #pb-561 .ops27-ticket .ops27-btn{ margin-top: auto; } #pb-561 .ops27-teaser .ops27-btn{ margin-top: auto; align-self: flex-start; } #pb-561 .ops27-cta .ops27-btn{ background-color: #fff; color: #0A0D11; border-color: #fff; } #pb-561 .ops27-cta .ops27-btn:hover{ background-color: #0A0D11; color: #fff; border-color: #0A0D11; } #pb-561 .ops27-f-links .ops27-btn{ width: 100%; } #pb-561 .ops27-card .ops27-btn{ margin-top: auto; } #pb-561 .ops27-dl .ops27-btn{ background-color: #FFFFFF; color: #0A0D11; border-color: #FFFFFF; } #pb-561 .ops27-dl .ops27-btn:hover{ background-color: #0A0D11; color: #FFFFFF; border-color: #0A0D11; } #pb-561 .ops27-plate .ops27-btn{ background-color: #fff; color: #0A0D11; border-color: #fff; } #pb-561 .ops27-plate .ops27-btn:hover{ background-color: #0A0D11; color: #fff; border-color: #0A0D11; } #pb-561 .ops27-hotel .ops27-btn{ margin-top: auto; } #pb-561 .ops27-box .ops27-btn{ margin-top: auto; align-self: flex-start; } #pb-561 .ops27-btn--solid{ background-color: #e40069; color: #FFFFFF; border-color: #e40069; } #pb-561 .ops27-btn--solid:hover{ background-color: #FF3D8C; color: #0A0D11; border-color: #FF3D8C; } #pb-561 .ops27-btn--ghost{ background-color: transparent; color: #FFFFFF; border-color: rgba(255,255,255,.22); } #pb-561 .ops27-btn--ghost:hover{ background-color: #FFFFFF; color: #0A0D11; border-color: #FFFFFF; } #pb-561 .ops27-person-body .ops27-btnrow{ margin-top: auto; padding-top: 8px; } #pb-561 .ops27-orgcard .ops27-btnrow{ margin-top: auto; } /* ---------------------------------------------------------------------- 3 Hero und Navigation */ #pb-561 .ops27-hero{ position: relative; background: #0A0D11; overflow: hidden; } #pb-561 .ops27-hero img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .2; } #pb-561 .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-561 .ops27-hero-in{ position: relative; z-index: 1; padding: 112px 48px 96px; } #pb-561 .ops27-hero .ops27-hero-in{ padding-left: 48px !important; padding-right: 48px !important; padding-top: 112px !important; padding-bottom: 96px !important; } #pb-561 .ops27-topgap{ display: block; height: 24px; width: 100%; } #pb-561 .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-561 .ops27-when b{ color: #fff; } #pb-561 .ops27-when b.hl{ color: #FF7AB4; } #pb-561 .ops27-eb-band{ background: linear-gradient(100deg, #e40069 0%, #8A0343 42%, #1C030F 78%, #0A0D11 100%); border-bottom: 3px solid #e40069; } #pb-561 .ops27-eb{ display: flex; flex-wrap: wrap; align-items: center; gap: 22px 34px; padding: 28px 0; } #pb-561 .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-561 .ops27-eb-main{ flex: 1 1 300px; } #pb-561 .ops27-eb-static{ margin: 0; font-size: clamp(19px, 2.4vw, 25px); font-weight: 700; letter-spacing: -.018em; color: #fff; } #pb-561 .ops27-eb-clock{ display: flex; gap: 26px; } #pb-561 .ops27-eb-clock div{ min-width: 64px; } #pb-561 .ops27-eb-clock b{ display: block; font-size: clamp(30px, 4vw, 44px); font-weight: 800; line-height: 1; letter-spacing: -.03em; color: #fff; } #pb-561 .ops27-eb-clock span{ display: block; font-size: 11px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #FFB3D6; margin-top: 7px; } #pb-561 .ops27-eb-note{ margin: 9px 0 0; font-size: 14px; color: #F2C9DE; } /* Zahlenzeile im Hero: schlicht, ohne Kasten */ #pb-561 .ops27-hero .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-561 .ops27-hero .ops27-fact{ background: transparent; border: 0; border-radius: 0; padding: 0; } #pb-561 .ops27-hero .ops27-fact b{ font-size: clamp(28px, 4.2vw, 42px); line-height: 1; } #pb-561 .ops27-hero .ops27-fact span{ margin-top: 8px; } /* Merkmalskarten im Seiteninhalt: Raster mit Kasten */ #pb-561 .ops27-facts{ display: grid; grid-template-columns: repeat(auto-fit, minmax(272px, 1fr)); gap: 22px; } #pb-561 .ops27-fact{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-top: 4px solid #e40069; border-radius: 4px; padding: 28px 26px; } #pb-561 .ops27-fact b{ display: block; font-size: clamp(22px, 3vw, 30px); font-weight: 800; letter-spacing: -.025em; line-height: 1.1; color: #fff; } #pb-561 .ops27-fact-lab{ font-size: 11.5px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #FF7AB4; margin: 12px 0 12px; } #pb-561 .ops27-fact p:last-child{ margin-bottom: 0; font-size: 15.5px; color: #98A4AF; line-height: 1.55; } #pb-561 .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-561 .ops27-nav-in{ max-width: 1180px; margin: 0 auto; padding: 0 28px; display: flex; gap: 3px; overflow-x: auto; scrollbar-width: none; } #pb-561 .ops27-nav-in::-webkit-scrollbar{ display: none; } #pb-561 .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-561 .ops27-nav a:hover{ color: #fff; border-bottom-color: #e40069; } #pb-561 .ops27-heropad{ display: block; padding: 112px 48px 96px; } #pb-561 .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-561 .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-561 .ops27-stat{ padding: 34px 30px; } #pb-561 .ops27-stat + .ops27-stat{ border-left: 1px solid rgba(255,255,255,.12); } #pb-561 .ops27-stat b{ display: block; font-size: clamp(34px, 5vw, 54px); font-weight: 800; letter-spacing: -.035em; line-height: 1; color: #fff; } #pb-561 .ops27-stat span{ display: block; font-size: 12.5px; letter-spacing: .13em; text-transform: uppercase; color: #FF7AB4; margin-top: 12px; } #pb-561 .ops27-wallhead{ display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px 24px; margin-bottom: 26px; } #pb-561 .ops27-wallhead a{ font-size: 14px; font-weight: 700; color: #FF7AB4; text-decoration: none; } #pb-561 .ops27-wallhead a:hover{ color: #FFB3D2; text-decoration: underline; } #pb-561 .ops27-wall{ display: flex; flex-wrap: wrap; gap: 16px; } #pb-561 .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-561 .ops27-logo:hover{ transform: translateY(-3px); box-shadow: 0 12px 32px rgba(228,0,105,.28); } #pb-561 .ops27-logo img{ width: 100%; height: 100%; max-width: 100%; max-height: 100%; object-fit: contain; } #pb-561 .ops27-split{ display: grid; grid-template-columns: 1.1fr .9fr; gap: 52px; align-items: start; } #pb-561 .ops27-split p{ color: #98A4AF; } #pb-561 .ops27-frame{ border: 1px solid rgba(255,255,255,.12); border-radius: 4px; overflow: hidden; background: #1A1F27; } #pb-561 .ops27-frame img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } #pb-561 .ops27-audience{ margin-top: 46px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,.12); } #pb-561 .ops27-audience h3{ font-size: 17px; font-weight: 800; margin: 0 0 16px; color: #fff; letter-spacing: -.012em; } #pb-561 .ops27-tags{ list-style: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; gap: 9px; } #pb-561 .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-561 .ops27-days{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; } #pb-561 .ops27-day{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; } #pb-561 .ops27-day-head{ background: #e40069; color: #fff; padding: 18px 24px; } #pb-561 .ops27-day--pre .ops27-day-head{ background: #242C36; } #pb-561 .ops27-day-head b{ display: block; font-size: 21px; font-weight: 800; letter-spacing: -.02em; line-height: 1.1; } #pb-561 .ops27-day-head span{ display: block; font-size: 11.5px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; margin-top: 7px; } #pb-561 .ops27-day--pre .ops27-day-head span{ color: #98A4AF; } #pb-561 .ops27-day-body{ padding: 24px; flex: 1; } #pb-561 .ops27-day-body p{ font-size: 15.5px; color: #98A4AF; line-height: 1.55; } #pb-561 .ops27-day-body p:last-child{ margin-bottom: 0; } #pb-561 .ops27-evening{ margin-top: 16px; padding: 14px 16px; background: #1C030E; border-left: 3px solid #e40069; border-radius: 0 4px 4px 0; } #pb-561 .ops27-evening span{ display: block; font-size: 10.5px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #FF7AB4; margin-bottom: 5px; } #pb-561 .ops27-evening p{ margin: 0; font-size: 14.5px; color: #EDF1F4; } #pb-561 .ops27-guide{ display: grid; grid-template-columns: repeat(auto-fit, minmax(268px, 1fr)); gap: 20px; } #pb-561 .ops27-card{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; padding: 32px 30px; } #pb-561 .ops27-card:hover{ transform: translateY(-4px); box-shadow: 0 14px 40px rgba(228,0,105,.22); } #pb-561 .ops27-card h3{ font-size: 21px; font-weight: 800; letter-spacing: -.018em; margin: 0 0 18px; color: #fff; } #pb-561 .ops27-card h3::after{ content: " \2192"; color: #FF7AB4; } #pb-561 .ops27-card p{ font-size: 15px; color: #98A4AF; line-height: 1.55; margin: 0; } #pb-561 .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-561 .ops27-news h3{ font-size: 20px; font-weight: 800; margin: 0 0 8px; color: #14181D; letter-spacing: -.016em; } #pb-561 .ops27-news p{ font-size: 15.5px; color: #4B5563; line-height: 1.55; max-width: 68ch; } #pb-561 .ops27-news a{ color: #B00054; text-decoration: underline; text-underline-offset: 2px; } #pb-561 .ops27-news a:hover{ color: #7D003C; } #pb-561 .ops27-newsrow{ display: flex; flex-wrap: wrap; gap: 12px; margin: 0 0 16px; } #pb-561 .ops27-final{ display: grid; grid-template-columns: 1.15fr .85fr; gap: 26px; } #pb-561 .ops27-final p{ color: #FBD9EA; font-size: 17.5px; max-width: 58ch; margin-left: auto; margin-right: auto; } #pb-561 .ops27-final p:last-child{ margin-bottom: 0; } #pb-561 .ops27-tickets{ display: grid; grid-template-columns: 1fr 1fr; gap: 26px; } #pb-561 .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-561 .ops27-ticket--plain{ border-top-color: #C3CDD6; } #pb-561 .ops27-tkind{ font-size: 11.5px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; color: #FF7AB4; margin: 0 0 8px; } #pb-561 .ops27-ticket--plain .ops27-tkind{ color: #C3CDD6; } #pb-561 .ops27-ticket h3{ font-size: clamp(21px, 2.4vw, 26px); font-weight: 800; letter-spacing: -.022em; margin: 0 0 4px; color: #fff; } #pb-561 .ops27-tprice{ border-top: 1px solid rgba(255,255,255,.12); padding: 20px 0 16px; margin-top: 16px; } #pb-561 .ops27-tprice-lab{ font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #FF7AB4; margin: 0 0 8px; } #pb-561 .ops27-tprice b{ display: block; font-size: clamp(38px, 4.8vw, 52px); font-weight: 800; line-height: 1; letter-spacing: -.04em; color: #fff; } #pb-561 .ops27-tprice small{ display: block; font-size: 13.5px; color: #98A4AF; margin-top: 8px; } #pb-561 .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-561 .ops27-tregular span{ color: #98A4AF; } #pb-561 .ops27-tregular b{ font-weight: 700; font-size: 19px; letter-spacing: -.018em; color: #fff; } #pb-561 .ops27-ticket > p{ font-size: 15.5px; color: #98A4AF; line-height: 1.55; } #pb-561 .ops27-verb{ list-style: none; padding: 0; margin: 0 0 18px; columns: 2; column-gap: 22px; } #pb-561 .ops27-verb li{ font-size: 14px; color: #EDF1F4; break-inside: avoid; margin-bottom: .35em; padding-left: 13px; position: relative; } #pb-561 .ops27-verb li::before{ content: ""; position: absolute; left: 0; top: .62em; width: 5px; height: 5px; border-radius: 50%; background: #FF7AB4; } #pb-561 .ops27-ticket--plain .ops27-verb li::before{ background: #C3CDD6; } #pb-561 .ops27-addons{ display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 22px; } #pb-561 .ops27-addon{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; padding: 26px 24px; display: flex; flex-direction: column; } #pb-561 .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-561 .ops27-tag--paid{ background: #242C36; color: #EDF1F4; border-color: rgba(255,255,255,.22); } #pb-561 .ops27-tag--incl{ background: #e40069; color: #fff; border-color: #e40069; } #pb-561 .ops27-sub2{ margin: -4px 0 12px; font-size: 13.5px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; color: #FF7AB4; } #pb-561 .ops27-addon h3{ font-size: 18.5px; font-weight: 800; margin: 0 0 8px; letter-spacing: -.014em; color: #fff; } #pb-561 .ops27-addon p{ font-size: 15px; color: #98A4AF; line-height: 1.55; } #pb-561 .ops27-addon p:last-child{ margin-bottom: 0; } #pb-561 .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-561 .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-561 .ops27-incl h3{ font-size: 17px; font-weight: 800; margin: 0 0 16px; letter-spacing: -.01em; color: #fff; } #pb-561 .ops27-incl ul{ list-style: none; margin: 0 0 18px; padding: 0; columns: 2; column-gap: 40px; } #pb-561 .ops27-incl li{ font-size: 15px; color: #EDF1F4; padding-left: 15px; position: relative; } #pb-561 .ops27-incl li::before{ content: ""; position: absolute; left: 0; top: .62em; width: 6px; height: 6px; border-radius: 50%; background: #FF7AB4; } #pb-561 .ops27-incl-out{ font-size: 14px; color: #98A4AF; margin: 0; padding-top: 14px; border-top: 1px solid rgba(255,255,255,.12); } #pb-561 .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-561 .ops27-cross h2{ margin-bottom: 12px; } #pb-561 .ops27-cross p{ color: #98A4AF; } #pb-561 .ops27-cross p:last-of-type{ margin-bottom: 0; } #pb-561 .ops27-supprice{ font-size: 15px; color: #98A4AF; } #pb-561 .ops27-supprice b{ font-size: 28px; font-weight: 800; color: #fff; letter-spacing: -.025em; display: block; } #pb-561 .ops27-faq{ border-top: 1px solid rgba(255,255,255,.12); max-width: 84ch; } #pb-561 .ops27-faq details{ border-bottom: 1px solid rgba(255,255,255,.12); } #pb-561 .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-561 .ops27-faq summary::-webkit-details-marker{ display: none; } #pb-561 .ops27-faq summary:hover{ color: #FF7AB4; } #pb-561 .ops27-faq summary::after{ content: "+"; position: absolute; right: 8px; top: 15px; font-size: 26px; font-weight: 400; line-height: 1; color: #FF7AB4; } #pb-561 .ops27-faq details[open] summary::after{ content: "\2013"; } #pb-561 .ops27-faq details[open] summary{ padding-bottom: 6px; color: #FF7AB4; } #pb-561 .ops27-faq-a{ padding: 0 44px 22px 0; color: #98A4AF; } #pb-561 .ops27-faq-a p:last-child,#pb-561 .ops27-faq-a ul:last-child{ margin-bottom: 0; } #pb-561 .ops27-teasers{ display: grid; grid-template-columns: repeat(auto-fit, minmax(268px, 1fr)); gap: 22px; } #pb-561 .ops27-teaser{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; padding: 28px 26px; display: flex; flex-direction: column; } #pb-561 .ops27-teaser h3{ font-size: 20px; font-weight: 800; margin: 0 0 10px; letter-spacing: -.018em; color: #fff; } #pb-561 .ops27-teaser p{ font-size: 15.5px; color: #98A4AF; line-height: 1.55; } #pb-561 .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-561 .ops27-jump p{ color: #98A4AF; margin-bottom: 0; } #pb-561 .ops27-jump h3{ margin-bottom: 8px; } #pb-561 .ops27-acc{ border-top: 1px solid rgba(255,255,255,.12); } #pb-561 .ops27-acc details{ border-bottom: 1px solid rgba(255,255,255,.12); } #pb-561 .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-561 .ops27-acc summary::-webkit-details-marker{ display: none; } #pb-561 .ops27-acc summary::after{ content: "+"; position: absolute; right: 8px; top: 18px; font-size: 27px; font-weight: 400; line-height: 1; color: #FF7AB4; } #pb-561 .ops27-acc details[open] summary::after{ content: "\2013"; } #pb-561 .ops27-acc-name{ font-size: clamp(19px, 2.2vw, 24px); font-weight: 800; letter-spacing: -.018em; color: #fff; } #pb-561 .ops27-acc summary:hover .ops27-acc-name{ color: #FF7AB4; } #pb-561 .ops27-acc-when{ font-size: 14px; color: #98A4AF; letter-spacing: .04em; } #pb-561 .ops27-acc-body{ padding: 0 48px 26px 0; max-width: 84ch; } #pb-561 .ops27-acc-body p{ color: #98A4AF; } #pb-561 .ops27-acc-body p:last-child{ margin-bottom: 0; } #pb-561 .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-561 .ops27-acc-facts div{ display: flex; flex-direction: column; gap: 3px; } #pb-561 .ops27-acc-facts .lab{ font-size: 10.5px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #98A4AF; } #pb-561 .ops27-acc-facts .val{ font-size: 15.5px; color: #EDF1F4; font-weight: 600; } #pb-561 .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-561 .ops27-cta h2{ margin-bottom: 14px; } #pb-561 .ops27-cta p{ color: #FBD9EA; font-size: 17.5px; max-width: 58ch; margin-bottom: 0; } #pb-561 .ops27-claim{ display: grid; grid-template-columns: 1.1fr .9fr; gap: 52px; align-items: start; } #pb-561 .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-561 .ops27-claim p{ color: #98A4AF; } #pb-561 .ops27-claim p:last-child{ margin-bottom: 0; } #pb-561 .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-561 .ops27-spot-img{ margin: 0; background: #242C36; border-radius: 4px; overflow: hidden; } #pb-561 .ops27-spot-img img{ width: 100%; height: 460px; object-fit: cover; } #pb-561 .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-561 .ops27-spot h3{ font-size: clamp(26px, 3.6vw, 38px); font-weight: 800; letter-spacing: -.03em; margin: 0 0 6px; color: #fff; } #pb-561 .ops27-spot-role{ font-size: 17px; font-weight: 600; color: #FF7AB4; margin: 0 0 20px; } #pb-561 .ops27-spot p{ font-size: 16.5px; color: #98A4AF; line-height: 1.6; } #pb-561 .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-561 .ops27-spot-meta div{ display: flex; flex-direction: column; gap: 3px; } #pb-561 .ops27-spot-meta .lab{ font-size: 10.5px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #98A4AF; } #pb-561 .ops27-spot-meta .val{ font-size: 15.5px; color: #EDF1F4; font-weight: 600; } #pb-561 .ops27-features{ display: grid; grid-template-columns: repeat(auto-fit, minmax(272px, 1fr)); gap: 24px; } #pb-561 .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-561 .ops27-feature:hover{ transform: translateY(-4px); border-color: #e40069; box-shadow: 0 14px 40px rgba(228,0,105,.22); } #pb-561 .ops27-portrait{ margin: 0; position: relative; background: #242C36; } #pb-561 .ops27-portrait img{ width: 100%; aspect-ratio: 4 / 3; object-fit: cover; } #pb-561 .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-561 .ops27-feature-body{ padding: 22px 22px 24px; display: flex; flex-direction: column; flex: 1; } #pb-561 .ops27-f-topic{ font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #FF7AB4; margin: 0 0 9px; } #pb-561 .ops27-feature h3{ font-size: 21px; font-weight: 800; letter-spacing: -.022em; margin: 0 0 4px; color: #fff; } #pb-561 .ops27-f-role{ font-size: 14.5px; color: #98A4AF; margin: 0 0 14px; line-height: 1.45; } #pb-561 .ops27-feature p{ font-size: 15px; color: #98A4AF; line-height: 1.55; } #pb-561 .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-561 .ops27-f-lang{ font-size: 13.5px; font-weight: 400; color: #98A4AF; } #pb-561 .speakers-images-container{ border-top-color: rgba(255,255,255,.14) !important; } #pb-561 .ops27-board{ display: grid; grid-template-columns: repeat(auto-fit, minmax(232px, 1fr)); gap: 22px; } #pb-561 .ops27-member{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; overflow: hidden; } #pb-561 .ops27-member img{ width: 100%; aspect-ratio: 1 / 1; object-fit: cover; background: #242C36; } #pb-561 .ops27-member-body{ padding: 20px; } #pb-561 .ops27-member h3{ font-size: 18px; font-weight: 700; margin: 0 0 3px; letter-spacing: -.012em; color: #fff; } #pb-561 .ops27-m-role{ font-size: 13.5px; color: #FF7AB4; margin: 0 0 10px; font-weight: 700; } #pb-561 .ops27-member p{ font-size: 14.5px; color: #98A4AF; margin: 0; line-height: 1.5; } #pb-561 .ops27-tier{ font-size: 11.5px; font-weight: 800; letter-spacing: .19em; text-transform: uppercase; margin: 0 0 6px; } #pb-561 .ops27-tier:last-of-type{ margin-bottom: 0; } #pb-561 .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-561 .ops27-tier-name{ font-size: 12px; font-weight: 800; letter-spacing: .19em; text-transform: uppercase; color: #FF7AB4; margin: 0; } #pb-561 .ops27-tier-n{ font-size: 12px; color: #98A4AF; margin: 0 0 0 auto; letter-spacing: .08em; } #pb-561 .ops27-wall--major .ops27-logo,#pb-561 .ops27-wall--major .ops27-open{ width: 430px; height: 190px; } #pb-561 .ops27-wall--comm .ops27-logo,#pb-561 .ops27-wall--comm .ops27-open{ width: 350px; height: 160px; } #pb-561 .ops27-wall--gold .ops27-logo,#pb-561 .ops27-wall--gold .ops27-open{ width: 260px; height: 126px; } #pb-561 .ops27-wall--silv .ops27-logo,#pb-561 .ops27-wall--silv .ops27-open{ width: 190px; height: 96px; } #pb-561 .ops27-wall--bron .ops27-logo,#pb-561 .ops27-wall--bron .ops27-open{ width: 145px; height: 74px; } #pb-561 .ops27-wall .ops27-logo{ flex: 0 0 auto; max-width: 100%; } #pb-561 .ops27-wall .ops27-logo:empty{ display: none; } #pb-561 .ops27-wall .ops27-logo img{ max-width: 100%; } #pb-561 .ops27-wall--major .ops27-logo,#pb-561 .ops27-wall--comm .ops27-logo{ padding: 18px; } #pb-561 .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-561 .ops27-open b{ font-size: 12px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #FF7AB4; } #pb-561 .ops27-open span{ font-size: 14px; color: #98A4AF; } #pb-561 .ops27-wall .ops27-open{ flex: 0 0 auto; max-width: 100%; } #pb-561 .ops27-flat .ops27-open{ height: 72px; } #pb-561 .ops27-flat .ops27-open b{ font-size: 11px; } #pb-561 .ops27-flat .ops27-open span{ display: none; } #pb-561 .ops27-duo{ display: grid; grid-template-columns: 1fr 1fr; gap: 26px; } #pb-561 .ops27-duo p{ color: #98A4AF; } #pb-561 .ops27-flat{ display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(132px, 1fr)); } #pb-561 .ops27-flat .ops27-logo{ height: 72px; padding: 14px; } #pb-561 .ops27-flat .ops27-logo img{ max-height: 100%; } #pb-561 .ops27-plans{ display: grid; grid-template-columns: 1fr 1fr; gap: 26px; margin-top: 34px; } #pb-561 .ops27-plan{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; overflow: hidden; } #pb-561 .ops27-plan-head{ display: flex; align-items: center; gap: 14px; padding: 16px 20px; border-bottom: 1px solid rgba(255,255,255,.12); } #pb-561 .ops27-floor{ background: #e40069; color: #fff; font-weight: 800; font-size: 15px; padding: 7px 12px; border-radius: 3px; letter-spacing: .04em; } #pb-561 .ops27-plan-head b{ font-size: 16px; color: #fff; } #pb-561 .ops27-plan-head span:last-child{ margin-left: auto; font-size: 13.5px; color: #98A4AF; } #pb-561 .ops27-plan figure{ margin: 0; background: #fff; } #pb-561 .ops27-plan figcaption{ padding: 14px 20px; font-size: 13.5px; color: #98A4AF; background: #1A1F27; } #pb-561 .ops27-more{ margin: 0; } #pb-561 .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-561 .ops27-more-btn::-webkit-details-marker{ display: none; } #pb-561 .ops27-more-btn:hover{ background-color: #FF3D8C; border-color: #FF3D8C; color: #0A0D11; transform: translateY(-2px); } #pb-561 .ops27-more-btn::after{ content: "+"; display: inline-block; margin-left: 14px; font-size: 20px; font-weight: 400; line-height: 1; vertical-align: -1px; } #pb-561 .ops27-more[open] .ops27-more-btn::after{ content: "\2013"; } #pb-561 .ops27-more-body{ margin-top: 30px; } #pb-561 .ops27-args{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 22px; } #pb-561 .ops27-arg{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; padding: 28px 26px; } #pb-561 .ops27-arg-n{ font-size: 12px; font-weight: 800; letter-spacing: .16em; color: #FF7AB4; margin: 0 0 14px; } #pb-561 .ops27-arg h3{ font-size: 19px; font-weight: 700; margin: 0 0 8px; letter-spacing: -.012em; color: #fff; } #pb-561 .ops27-arg p{ font-size: 15.5px; color: #98A4AF; margin: 0; line-height: 1.55; } #pb-561 .ops27-cards{ display: grid; grid-template-columns: repeat(auto-fit, minmax(252px, 1fr)); gap: 22px; } #pb-561 .ops27-card--gold,#pb-561 .ops27-card--silver,#pb-561 .ops27-card--bronze,#pb-561 .ops27-card--startup{ border-top-width: 5px; border-top-style: solid; display: flex; flex-direction: column; } #pb-561 .ops27-card--gold{ border-top-color: #FF7AB4; } #pb-561 .ops27-card--silver{ border-top-color: #FFB3D2; } #pb-561 .ops27-card--bronze{ border-top-color: #C3CDD6; } #pb-561 .ops27-card--startup{ border-top-color: #8A96A2; } #pb-561 .ops27-card--gold:hover{ border-color: #FF7AB4; border-top-color: #FF7AB4; } #pb-561 .ops27-card--silver:hover{ border-color: #FFB3D2; border-top-color: #FFB3D2; } #pb-561 .ops27-card--bronze:hover{ border-color: #C3CDD6; border-top-color: #C3CDD6; } #pb-561 .ops27-card--startup:hover{ border-color: #8A96A2; border-top-color: #8A96A2; } #pb-561 .ops27-card--gold .ops27-tier{ color: #FF7AB4; } #pb-561 .ops27-card--silver .ops27-tier{ color: #FFB3D2; } #pb-561 .ops27-card--bronze .ops27-tier{ color: #C3CDD6; } #pb-561 .ops27-card--startup .ops27-tier{ color: #8A96A2; } #pb-561 .ops27-amount{ display: flex; align-items: baseline; gap: 6px; } #pb-561 .ops27-amount b{ font-size: 40px; font-weight: 800; letter-spacing: -.035em; line-height: 1; color: #FFFFFF; } #pb-561 .ops27-amount i{ font-style: normal; font-size: 15px; color: #98A4AF; } #pb-561 .ops27-vat{ font-size: 12.5px; color: #98A4AF; margin: 8px 0 20px; } #pb-561 .ops27-card > p{ font-size: 15px; color: #98A4AF; line-height: 1.55; } #pb-561 .ops27-list{ list-style: none; padding: 0; margin: 4px 0 24px; } #pb-561 .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-561 .ops27-list li::before{ content: ""; flex: 0 0 8px; height: 8px; margin-top: 7px; background: #FFB3D2; border-radius: 50%; } #pb-561 .ops27-card--gold .ops27-list li::before{ background: #FF7AB4; } #pb-561 .ops27-card--silver .ops27-list li::before{ background: #FFB3D2; } #pb-561 .ops27-card--bronze .ops27-list li::before{ background: #C3CDD6; } #pb-561 .ops27-card--startup .ops27-list li::before{ background: #8A96A2; } #pb-561 .ops27-todo{ color: #FF7AB4; font-weight: 800; font-size: 13px; } #pb-561 .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-561 .ops27-toprow h3{ font-size: 20px; font-weight: 800; letter-spacing: -.018em; margin: 0 0 10px; color: #fff; } #pb-561 .ops27-toprow p{ font-size: 15.5px; color: #98A4AF; line-height: 1.55; } #pb-561 .ops27-toprow p:last-child{ margin-bottom: 0; } #pb-561 .ops27-toplist{ list-style: none; padding: 0; margin: 0 0 18px; border-top: 1px solid rgba(255,255,255,.12); } #pb-561 .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-561 .ops27-tl-name{ font-size: 16px; font-weight: 700; color: #fff; flex: 1 1 auto; } #pb-561 .ops27-tl-price{ font-size: 16px; font-weight: 700; color: #EDF1F4; white-space: nowrap; } #pb-561 .ops27-status{ flex: 0 0 100%; font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; color: #FF7AB4; } #pb-561 .ops27-status--out{ color: #C3CDD6; } #pb-561 .ops27-swipe{ display: none; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: #98A4AF; margin: 0 0 12px; } #pb-561 .ops27-scroll{ overflow-x: auto; -webkit-overflow-scrolling: touch; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; background: #1A1F27; } #pb-561 .ops27-tbl{ width: 100%; min-width: 900px; border-collapse: collapse; font-size: 15px; } #pb-561 .ops27-tbl th,#pb-561 .ops27-tbl td{ padding: 14px 18px; text-align: left; vertical-align: top; border-bottom: 1px solid rgba(255,255,255,.12); } #pb-561 .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-561 .ops27-tbl thead th.t-gold{ border-top: 4px solid #FF7AB4; } #pb-561 .ops27-tbl thead th.t-silver{ border-top: 4px solid #FFB3D2; } #pb-561 .ops27-tbl thead th.t-bronze{ border-top: 4px solid #C3CDD6; } #pb-561 .ops27-tbl thead th.t-startup{ border-top: 4px solid #8A96A2; } #pb-561 .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-561 .ops27-tbl .f{ position: sticky; left: 0; z-index: 2; background: #1A1F27; font-weight: 600; min-width: 262px; color: #EDF1F4; } #pb-561 .ops27-tbl tbody tr:hover td,#pb-561 .ops27-tbl tbody tr:hover .f{ background: #242C36; } #pb-561 .ops27-tbl td{ color: #EDF1F4; } #pb-561 .ops27-price td{ font-size: 21px; font-weight: 800; letter-spacing: -.022em; color: #fff; padding-bottom: 16px; } #pb-561 .ops27-sub{ display: block; font-size: 12.5px; font-weight: 400; color: #98A4AF; margin-top: 3px; } #pb-561 .ops27-in{ color: #fff; } #pb-561 .ops27-out{ color: #8A96A2; } #pb-561 .ops27-opt{ color: #98A4AF; font-size: 14px; } #pb-561 .ops27-plan-h{ display: flex; align-items: center; gap: 14px; padding: 16px 20px; border-bottom: 1px solid rgba(255,255,255,.12); } #pb-561 .ops27-plan-h b{ font-size: 16px; color: #fff; } #pb-561 .ops27-plan-h span:last-child{ font-size: 13.5px; color: #98A4AF; margin-left: auto; } #pb-561 .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-561 .ops27-toolhead{ font-size: 19px; font-weight: 800; letter-spacing: -.016em; color: #fff; margin: 0 0 10px; } #pb-561 .ops27-toolpanel p{ font-size: 15.5px; color: #98A4AF; line-height: 1.55; } #pb-561 .ops27-toolpanel p:last-of-type{ margin-bottom: 0; } #pb-561 .ops27-mailto{ margin: 14px 0 0; font-size: 14.5px; color: #98A4AF; } #pb-561 .ops27-supp{ display: grid; grid-template-columns: 1.05fr .95fr; gap: 52px; align-items: start; } #pb-561 .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-561 .ops27-supp p{ color: #98A4AF; } #pb-561 .ops27-supp-box .ops27-tier{ color: #FFB3D2; } #pb-561 .ops27-supp-box .ops27-list li::before{ background: #FFB3D2; } #pb-561 .ops27-form{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } #pb-561 .ops27-field{ display: flex; flex-direction: column; gap: 8px; } #pb-561 .ops27-field--full{ grid-column: 1 / -1; } #pb-561 .ops27-field label{ font-size: 13px; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: #98A4AF; } #pb-561 .ops27-field input,#pb-561 .ops27-field select,#pb-561 .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-561 .ops27-field input::placeholder,#pb-561 .ops27-field textarea::placeholder{ color: #8A96A2; } #pb-561 .ops27-field textarea{ min-height: 130px; resize: vertical; } #pb-561 .ops27-req{ color: #FF7AB4; } #pb-561 .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-561 .ops27-consent input{ margin-top: 4px; width: 20px; height: 20px; flex: 0 0 auto; } #pb-561 .ops27-consent label{ font-size: 14.5px; line-height: 1.55; color: #EDF1F4; text-transform: none; letter-spacing: 0; font-weight: 400; } #pb-561 .ops27-dl{ background: linear-gradient(115deg, #e40069 0%, #8A0343 60%, #1C030E 100%); border-radius: 4px; padding: 36px 34px; } #pb-561 .ops27-contact{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; padding: 36px 34px; } #pb-561 .ops27-contact dl{ margin: 0; } #pb-561 .ops27-contact dt{ font-size: 11.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #98A4AF; margin-top: 20px; } #pb-561 .ops27-contact dt:first-child{ margin-top: 0; } #pb-561 .ops27-contact dd{ margin: 5px 0 0; font-size: 16px; line-height: 1.5; color: #EDF1F4; } #pb-561 .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-561 .ops27-plate h3{ font-size: 24px; font-weight: 800; margin: 0 0 6px; letter-spacing: -.02em; color: #fff; } #pb-561 .ops27-plate address{ margin: 0; color: #FBD9EA; font-size: 17px; line-height: 1.5; font-style: normal; } #pb-561 .ops27-levels{ border: 1px solid rgba(255,255,255,.12); border-radius: 4px; overflow: hidden; background: #1A1F27; } #pb-561 .ops27-level{ display: grid; grid-template-columns: 96px 1fr; } #pb-561 .ops27-level + .ops27-level{ border-top: 1px solid rgba(255,255,255,.12); } #pb-561 .ops27-level-mark{ background: #e40069; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 3px; padding: 24px 8px; } #pb-561 .ops27-level-mark b{ font-size: 28px; font-weight: 800; line-height: 1; } #pb-561 .ops27-level-mark span{ font-size: 10px; letter-spacing: .14em; text-transform: uppercase; color: #FBD9EA; } #pb-561 .ops27-level-body{ padding: 26px 28px; } #pb-561 .ops27-level-body > p:last-child{ margin-bottom: 0; } #pb-561 .ops27-level-body p{ color: #98A4AF; } #pb-561 .ops27-rooms{ list-style: none; padding: 0; margin: 0 0 16px; display: flex; flex-wrap: wrap; gap: 7px; } #pb-561 .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-561 .ops27-galerie{ overflow: hidden; white-space: nowrap; font-size: 0; line-height: 0; margin: 0 0 10px; border-radius: 4px; } #pb-561 .ops27-galerie a{ display: inline-block; margin: 0; padding: 0; border: 0; text-decoration: none; line-height: 0; } #pb-561 .ops27-galerie img{ display: block; width: 135px; height: 90px; object-fit: cover; margin: 0; padding: 0; border: 0; max-width: none; } #pb-561 .ops27-galerie-hint{ margin: 0 0 34px; font-size: 12.5px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #98A4AF; } #pb-561 .ops27-fig{ margin: 18px 0 0; } #pb-561 .ops27-fig img{ border: 1px solid rgba(255,255,255,.12); border-radius: 4px; background: #fff; } #pb-561 .ops27-fig figcaption{ font-size: 13.5px; color: #98A4AF; margin-top: 9px; } #pb-561 .ops27-routes{ border-top: 1px solid rgba(255,255,255,.12); } #pb-561 .ops27-route{ display: grid; grid-template-columns: 118px 1fr; gap: 26px; padding: 26px 0; border-bottom: 1px solid rgba(255,255,255,.12); } #pb-561 .ops27-modes{ display: flex; gap: 5px; align-self: start; } #pb-561 .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-561 .ops27-mode--u5{ background: #BC7A00; } #pb-561 .ops27-mode--s1{ background: #16BAE7; color: #0A0D11; } #pb-561 .ops27-mode--s8{ background: #3A3A40; } #pb-561 .ops27-mode--db{ background: #EC0016; } #pb-561 .ops27-mode--park{ background: #0069B4; } #pb-561 .ops27-mode--air{ background: #4B5563; } #pb-561 .ops27-route-body > p:last-child{ margin-bottom: 0; } #pb-561 .ops27-route-body p{ font-size: 16px; color: #98A4AF; } #pb-561 .ops27-parklist{ margin: 0 0 1em; } #pb-561 .ops27-parklist li{ font-size: 16px; color: #EDF1F4; } #pb-561 .ops27-parklist span{ display: block; font-size: 14.5px; color: #98A4AF; } #pb-561 .ops27-map{ margin-top: 34px; } #pb-561 .ops27-mapbox{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; overflow: hidden; } #pb-561 .ops27-mapnote{ padding: 30px 28px; } #pb-561 .ops27-mapnote h3{ font-size: 18px; font-weight: 800; margin: 0 0 10px; color: #fff; letter-spacing: -.014em; } #pb-561 .ops27-mapnote p{ font-size: 15px; color: #98A4AF; line-height: 1.55; max-width: 76ch; } #pb-561 .ops27-mapnote p:last-of-type{ margin-bottom: 0; } #pb-561 .ops27-mapframe{ position: relative; width: 100%; aspect-ratio: 16 / 9; background: #242C36; } #pb-561 .ops27-mapframe iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; } #pb-561 .ops27-deadline{ background: #1C030E; border-left: 5px solid #e40069; border-radius: 0 4px 4px 0; padding: 22px 26px; margin: 0 0 30px; } #pb-561 .ops27-deadline p:last-child{ margin-bottom: 0; color: #EDF1F4; } #pb-561 .ops27-deadline-lab{ font-size: 11px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; color: #FF7AB4; margin: 0 0 8px; } #pb-561 .ops27-hotels{ display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 24px; } #pb-561 .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-561 .ops27-hotel-walk{ font-size: 11px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; color: #FF7AB4; margin: 0 0 10px; } #pb-561 .ops27-hotel h3{ font-size: 21px; font-weight: 800; letter-spacing: -.018em; margin: 0 0 4px; color: #fff; } #pb-561 .ops27-hotel-sub{ font-size: 14.5px; color: #98A4AF; margin: 0 0 18px; } #pb-561 .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-561 .ops27-hotel address a{ word-break: break-word; } #pb-561 .ops27-dlist{ list-style: none; padding: 0; margin: 0; border-top: 1px solid rgba(255,255,255,.12); } #pb-561 .ops27-dlist li{ margin: 0; border-bottom: 1px solid rgba(255,255,255,.12); } #pb-561 .ops27-dlist a{ display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 20px; padding: 18px 6px; text-decoration: none; color: #EDF1F4; } #pb-561 .ops27-dlist a:hover{ background: #1A1F27; color: #fff; } #pb-561 .ops27-dl-name{ font-weight: 700; flex: 1 1 240px; font-size: 17px; } #pb-561 .ops27-dl-name::after{ content: " \2193"; color: #FF7AB4; } #pb-561 .ops27-dl-meta{ font-size: 12.5px; letter-spacing: .1em; text-transform: uppercase; color: #98A4AF; } #pb-561 .ops27-grid3{ display: grid; grid-template-columns: repeat(auto-fit, minmax(268px, 1fr)); gap: 22px; } #pb-561 .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-561 .ops27-box p{ font-size: 15.5px; color: #98A4AF; line-height: 1.55; } #pb-561 .ops27-box ul{ font-size: 15.5px; } #pb-561 .ops27-box > *:last-child{ margin-bottom: 0; } #pb-561 .ops27-faq-a p:last-child{ margin-bottom: 0; } #pb-561 .ops27-h4{ font-size: 11.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #98A4AF; margin: 0 0 10px; } #pb-561 .ops27-intro{ display: grid; grid-template-columns: 1.2fr .8fr; gap: 52px; } #pb-561 .ops27-intro p{ color: #98A4AF; } #pb-561 .ops27-intro p:last-child{ margin-bottom: 0; } #pb-561 .ops27-statement{ border-left: 4px solid #e40069; padding: 6px 0 6px 24px; } #pb-561 .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-561 .ops27-statement span{ font-size: 16.5px; color: #98A4AF; line-height: 1.5; display: block; } #pb-561 .ops27-statement + .ops27-statement{ margin-top: 34px; } #pb-561 .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-561 .ops27-person-body{ padding: 28px 28px 26px; display: flex; flex-direction: column; flex: 1; } #pb-561 .ops27-org{ font-size: 11px; font-weight: 800; letter-spacing: .17em; text-transform: uppercase; color: #FF7AB4; margin: 0 0 8px; } #pb-561 .ops27-person h3{ font-size: clamp(22px, 2.6vw, 28px); font-weight: 800; letter-spacing: -.025em; margin: 0 0 4px; color: #fff; } #pb-561 .ops27-role{ font-size: 15.5px; font-weight: 600; color: #98A4AF; margin: 0 0 18px; } #pb-561 .ops27-person-body p{ font-size: 15.5px; color: #98A4AF; line-height: 1.6; } #pb-561 .ops27-team{ display: grid; grid-template-columns: repeat(auto-fit, minmax(216px, 1fr)); gap: 22px; } #pb-561 .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-561 .ops27-mtask{ font-size: 14.5px; color: #98A4AF; margin: 0 0 14px; line-height: 1.5; } #pb-561 .ops27-member p:last-child{ margin-bottom: 0; } #pb-561 .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-561 .ops27-inline{ font-size: 14px; font-weight: 700; } #pb-561 .ops27-orgs{ display: grid; grid-template-columns: 1fr 1fr; gap: 26px; } #pb-561 .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-561 .ops27-orgcard h3{ font-size: 21px; font-weight: 800; letter-spacing: -.02em; margin: 0 0 12px; color: #fff; } #pb-561 .ops27-orgcard p{ font-size: 15.5px; color: #98A4AF; line-height: 1.6; } #pb-561 .ops27-duties{ margin: 4px 0 20px; padding-left: 1.15em; } #pb-561 .ops27-duties li{ font-size: 15px; color: #EDF1F4; } #pb-561 .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-561 .ops27-contactgrid{ display: grid; grid-template-columns: 1.1fr .9fr; gap: 26px; } #pb-561 .ops27-card dl{ margin: 0; } #pb-561 .ops27-card dt{ font-size: 11.5px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; color: #98A4AF; margin-top: 22px; } #pb-561 .ops27-card dt:first-child{ margin-top: 0; } #pb-561 .ops27-card dd{ margin: 6px 0 0; font-size: 17px; line-height: 1.5; color: #EDF1F4; } #pb-561 .ops27-dial{ font-size: clamp(22px, 3vw, 29px); font-weight: 800; letter-spacing: -.025em; } #pb-561 .ops27-dial a{ text-decoration: none; color: #FF7AB4; } #pb-561 .ops27-dial a:hover{ text-decoration: underline; } #pb-561 .ops27-social{ list-style: none; padding: 0; margin: 0; border-top: 1px solid rgba(255,255,255,.12); } #pb-561 .ops27-social li{ margin: 0; border-bottom: 1px solid rgba(255,255,255,.12); } #pb-561 .ops27-social a{ display: flex; align-items: baseline; gap: 12px; padding: 16px 4px; text-decoration: none; color: #EDF1F4; font-weight: 700; } #pb-561 .ops27-social a:hover{ background: #242C36; color: #fff; } #pb-561 .ops27-social a::after{ content: "\2197"; margin-left: auto; color: #FF7AB4; font-weight: 400; } #pb-561 .ops27-social small{ font-weight: 400; font-size: 14px; color: #98A4AF; } /* ---------------------------------------------------------------------- 5 Anpassungen für Widgets */ #pb-561 .ops27-slots{ list-style: none; padding: 0; margin: 0 0 16px; } #pb-561 .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-561 .ops27-slots li::before{ content: ""; flex: 0 0 7px; height: 7px; margin-top: 8px; background: #FF7AB4; border-radius: 50%; } #pb-561 #ops27-booking-slot,#pb-561 #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-561 #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-561 #ops27-booking-slot .price .flex-space .flex-space h4[style*="line-through"]::after{ content: ""; } #pb-561 #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-561 .ops27-booking{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-radius: 4px; padding: 30px; min-height: 260px; } #pb-561 .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-561 .ops27-slotnote strong{ color: #fff; display: block; margin-bottom: 6px; font-size: 17px; } #pb-561 #ops27-booking-slot runevents-tickets{ display: block; width: 100%; } #pb-561 #ops27-booking-slot{ background: #1A1F27; } #pb-561 #ops27-booking-slot div{ background-color: transparent; } #pb-561 #ops27-booking-slot .re-tickets{ background-color: transparent; } #pb-561 #ops27-booking-slot .side{ background-color: transparent; } #pb-561 #ops27-booking-slot .section{ background-color: transparent; } #pb-561 #ops27-booking-slot .scroll-section{ background-color: transparent; } #pb-561 #ops27-booking-slot .flex-space{ background-color: transparent; } #pb-561 #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-561 #ops27-booking-slot .btn-container{ background-color: transparent; } #pb-561 #ops27-booking-slot h1{ color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-561 #ops27-booking-slot h2{ color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-561 #ops27-booking-slot h3{ color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-561 #ops27-booking-slot h4{ color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-561 #ops27-booking-slot h5{ color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-561 #ops27-booking-slot h6{ color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-561 #ops27-booking-slot strong{ color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-561 #ops27-booking-slot b{ color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-561 #ops27-booking-slot p{ color: #EDF1F4; -webkit-text-fill-color: #EDF1F4; } #pb-561 #ops27-booking-slot span{ color: #EDF1F4; -webkit-text-fill-color: #EDF1F4; } #pb-561 #ops27-booking-slot small{ color: #98A4AF; -webkit-text-fill-color: #98A4AF; } #pb-561 #ops27-booking-slot li{ color: #EDF1F4; -webkit-text-fill-color: #EDF1F4; } #pb-561 #ops27-booking-slot label{ color: #98A4AF; -webkit-text-fill-color: #98A4AF; } #pb-561 #ops27-booking-slot a{ color: #FF7AB4; -webkit-text-fill-color: #FF7AB4; } #pb-561 #ops27-booking-slot hr{ border-color: rgba(255,255,255,.12); } #pb-561 #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-561 #ops27-booking-slot .label{ background-color: transparent; border: 0; color: #FF7AB4; -webkit-text-fill-color: #FF7AB4; font-weight: 700; } #pb-561 #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-561 #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-561 #ops27-booking-slot #voucher:focus{ border-color: #FF7AB4; outline: 2px solid #FF7AB4; outline-offset: 1px; } #pb-561 #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-561 #ops27-booking-slot option{ background-color: #12161B; color: #FFFFFF; -webkit-text-fill-color: #FFFFFF; } #pb-561 #ops27-booking-slot select:focus{ border-color: #FF7AB4; outline: 2px solid #FF7AB4; outline-offset: 1px; } #pb-561 #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-561 #ops27-booking-slot button,#pb-561 #ops27-booking-slot .btn,#pb-561 #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-561 #ops27-booking-slot button span,#pb-561 #ops27-booking-slot button div,#pb-561 #ops27-booking-slot .btn span,#pb-561 #ops27-booking-slot .btn div{ background: transparent !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-561 #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-561 #ops27-booking-slot button span{ color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-561 #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-561 #ops27-booking-slot .full-width{ width: 100%; font-size: 16px; padding: 16px 22px; margin-top: 8px; } #pb-561 #ops27-booking-slot .redirect-footer{ display: block; margin-top: 12px; color: #98A4AF; -webkit-text-fill-color: #98A4AF; font-size: 13px; } #pb-561 #ops27-booking-slot input::placeholder{ color: #8A96A2; -webkit-text-fill-color: #8A96A2; opacity: 1; } #pb-561 #ops27-booking-slot .add-spacing{ border-bottom: 1px solid rgba(255,255,255,.12); padding-bottom: 10px; margin-bottom: 10px; } #pb-561 .ops27-panel{ border-radius: 4px; border-top: 5px solid #e40069; padding: 28px 26px; min-height: 220px; } #pb-561 #ops27-agenda runevents-agenda{ display: block; width: 100%; } #pb-561 #ops27-agenda .agenda-component,#pb-561 #ops27-agenda .agenda-component *{ font-family: "Geologica", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important; } #pb-561 #ops27-agenda .agenda-component{ font-size: 16px !important; color: #EDF1F4 !important; } #pb-561 #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-561 #ops27-agenda .mdc-tab--active .mdc-tab__text-label{ color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-561 #ops27-agenda .mdc-tab-indicator__content--underline{ border-color: #e40069 !important; } #pb-561 #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-561 #ops27-agenda .session-content:hover{ background: #2C3542 !important; border-color: #e40069 !important; } #pb-561 #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-561 #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-561 #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-561 #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-561 #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-561 #ops27-agenda .agenda-component p,#pb-561 #ops27-agenda .agenda-component small,#pb-561 #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-561 #ops27-agenda .card-sidebar,#pb-561 #ops27-agenda .card-sidebar form,#pb-561 #ops27-agenda .card-sidebar .checkbox-container{ background: #1A1F27 !important; border-color: rgba(255,255,255,.12) !important; box-shadow: none !important; } #pb-561 #ops27-agenda .card-sidebar .title,#pb-561 #ops27-agenda .card-sidebar .title span{ background: transparent !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-561 #ops27-agenda .card-sidebar input[type="search"],#pb-561 #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-561 #ops27-agenda .card-sidebar input::placeholder{ color: #98A4AF !important; -webkit-text-fill-color: #98A4AF !important; opacity: 1 !important; } #pb-561 #ops27-agenda .card-sidebar .checkbox-container .checkbox{ background: #242C36 !important; box-shadow: none !important; margin-top: 7px !important; } #pb-561 #ops27-agenda .card-sidebar .checkbox label,#pb-561 #ops27-agenda .card-sidebar .checkbox label span{ background: transparent !important; color: #FF7AB4 !important; -webkit-text-fill-color: #FF7AB4 !important; font-weight: 700 !important; } #pb-561 #ops27-agenda input[type="checkbox"]{ accent-color: #e40069 !important; } #pb-561 #ops27-agenda .btn,#pb-561 #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-561 #ops27-agenda .btn:hover,#pb-561 #ops27-agenda button:hover{ background: #FF3D8C !important; border-color: #FF3D8C !important; } #pb-561 #ops27-agenda a{ color: #FF7AB4 !important; -webkit-text-fill-color: #FF7AB4 !important; } #pb-561 #ops27-agenda hr{ border-color: rgba(255,255,255,.12) !important; } #pb-561 #ops27-widget-speakers runevents-speakers{ display: block; width: 100%; } #pb-561 #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-561 #ops27-widget-speakers .card:hover{ background: #2C3542 !important; border-color: #e40069 !important; } #pb-561 #ops27-widget-speakers .card h4,#pb-561 #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-561 #ops27-widget-speakers .card p,#pb-561 #ops27-widget-speakers .card span,#pb-561 #ops27-widget-speakers .card:hover p,#pb-561 #ops27-widget-speakers .card:hover span{ color: #98A4AF !important; -webkit-text-fill-color: #98A4AF !important; } #pb-561 #ops27-widget-speakers .card hr,#pb-561 #ops27-widget-speakers .card:hover hr{ border-color: rgba(255,255,255,.12) !important; } #pb-561 #ops27-widget-speakers .card .speaker-image img{ object-fit: cover !important; } #pb-561 #ops27-widget-speakers .labels .badge-icon:has(img){ background: #FFFFFF !important; border-radius: 3px !important; padding: 4px 6px !important; } #pb-561 #ops27-widget-speakers .label,#pb-561 #ops27-widget-speakers .labels .label,#pb-561 #ops27-widget-speakers .labels .badge-icon:not(:has(img)),#pb-561 #ops27-widget-speakers .card .label,#pb-561 #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-561 #ops27-widget-speakers .mat-mdc-form-field,#pb-561 #ops27-widget-speakers .mat-mdc-text-field-wrapper,#pb-561 #ops27-widget-speakers .mdc-text-field--filled,#pb-561 #ops27-widget-speakers .mdc-text-field--outlined,#pb-561 #ops27-widget-speakers .mat-mdc-form-field-flex{ background: #242C36 !important; background-color: #242C36 !important; border-radius: 4px !important; } #pb-561 #ops27-widget-speakers .mat-mdc-form-field-focus-overlay,#pb-561 #ops27-widget-speakers .mat-mdc-form-field-subscript-wrapper{ background: transparent !important; } #pb-561 #ops27-widget-speakers .mat-mdc-select-value,#pb-561 #ops27-widget-speakers .mat-mdc-select-value-text,#pb-561 #ops27-widget-speakers .mat-mdc-select-min-line,#pb-561 #ops27-widget-speakers .mat-select-value,#pb-561 #ops27-widget-speakers .mat-select-value-text,#pb-561 #ops27-widget-speakers .mat-mdc-form-field input,#pb-561 #ops27-widget-speakers .mat-mdc-form-field-infix,#pb-561 #ops27-widget-speakers select,#pb-561 #ops27-widget-speakers option{ color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-561 #ops27-widget-speakers .mat-mdc-floating-label,#pb-561 #ops27-widget-speakers .mdc-floating-label,#pb-561 #ops27-widget-speakers .mat-mdc-select-placeholder,#pb-561 #ops27-widget-speakers .mat-select-placeholder,#pb-561 #ops27-widget-speakers .mat-mdc-form-field input::placeholder{ color: #98A4AF !important; -webkit-text-fill-color: #98A4AF !important; opacity: 1 !important; } #pb-561 #ops27-widget-speakers .mat-mdc-select-arrow,#pb-561 #ops27-widget-speakers .mat-mdc-select-arrow svg,#pb-561 #ops27-widget-speakers .mat-select-arrow,#pb-561 #ops27-widget-speakers .mat-mdc-form-field mat-icon{ color: #FF7AB4 !important; fill: #FF7AB4 !important; } #pb-561 #ops27-widget-speakers .mdc-line-ripple::before,#pb-561 #ops27-widget-speakers .mdc-line-ripple::after{ border-bottom-color: rgba(255,255,255,.22) !important; } #pb-561 #ops27-widget-speakers .mdc-notched-outline__leading,#pb-561 #ops27-widget-speakers .mdc-notched-outline__notch,#pb-561 #ops27-widget-speakers .mdc-notched-outline__trailing{ border-color: rgba(255,255,255,.22) !important; } #pb-561 #ops27-widget-speakers .mat-mdc-chip,#pb-561 #ops27-widget-speakers .mat-chip{ background: #242C36 !important; border: 1px solid rgba(255,255,255,.22) !important; } #pb-561 #ops27-widget-speakers .mat-mdc-chip .mdc-evolution-chip__text-label,#pb-561 #ops27-widget-speakers .mat-mdc-chip span,#pb-561 #ops27-widget-speakers .mat-chip{ color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-561 #ops27-widget-speakers .mat-mdc-checkbox label,#pb-561 #ops27-widget-speakers .mat-mdc-radio-button label,#pb-561 #ops27-widget-speakers .mdc-form-field label{ color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-561 #ops27-widget-speakers app-external-widget-filter .card-sidebar,#pb-561 #ops27-widget-speakers .card-sidebar,#pb-561 #ops27-widget-speakers .card-sidebar form,#pb-561 #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-561 #ops27-widget-speakers .card-sidebar .title,#pb-561 #ops27-widget-speakers .card-sidebar .title span{ background: transparent !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-561 #ops27-widget-speakers .card-sidebar input[type="search"],#pb-561 #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-561 #ops27-widget-speakers .card-sidebar input::placeholder,#pb-561 #ops27-widget-speakers .form-control::placeholder{ color: #98A4AF !important; -webkit-text-fill-color: #98A4AF !important; opacity: 1 !important; } #pb-561 #ops27-widget-speakers .checkbox{ background: #242C36 !important; background-color: #242C36 !important; } #pb-561 #ops27-widget-speakers .checkbox:hover{ background-color: #2C3542 !important; } #pb-561 #ops27-widget-speakers .checkbox label,#pb-561 #ops27-widget-speakers .checkbox label span{ background: transparent !important; color: #FF7AB4 !important; -webkit-text-fill-color: #FF7AB4 !important; font-weight: 700 !important; } #pb-561 #ops27-widget-speakers .checkbox input[type="checkbox"]{ accent-color: #e40069 !important; } #pb-561 .cdk-overlay-container .mat-mdc-select-panel,#pb-561 .cdk-overlay-container .mat-mdc-autocomplete-panel,#pb-561 .cdk-overlay-container .mat-mdc-menu-panel,#pb-561 .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-561 .cdk-overlay-container .mat-mdc-option,#pb-561 .cdk-overlay-container .mat-mdc-option .mdc-list-item__primary-text,#pb-561 .cdk-overlay-container .mat-option,#pb-561 .cdk-overlay-container .mat-option-text{ color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-561 .cdk-overlay-container .mat-mdc-option:hover{ background: rgba(228,0,105,.20) !important; } #pb-561 .cdk-overlay-container .mat-mdc-option.mdc-list-item--selected{ background: rgba(228,0,105,.28) !important; } #pb-561 .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-561 .cdk-overlay-container .mat-mdc-option .mat-pseudo-checkbox-checked,#pb-561 .cdk-overlay-container .mat-mdc-option .mat-pseudo-checkbox-full{ background: #e40069 !important; border-color: #e40069 !important; } #pb-561 .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-561 .popup .right-side h3,#pb-561 .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-561 .popup .right-side span,#pb-561 .popup .content p,#pb-561 .popup .speakers-images span{ color: #98A4AF !important; -webkit-text-fill-color: #98A4AF !important; } #pb-561 .popup .right-side span{ border-top-color: rgba(255,255,255,.14) !important; } #pb-561 .popup .session-list button{ background: #1A1F27 !important; border: 1px solid rgba(255,255,255,.22) !important; color: #FF7AB4 !important; border-radius: 4px !important; } #pb-561 .popup .session-list button:hover{ background: #e40069 !important; color: #FFFFFF !important; } #pb-561 .popup .popup-footer button{ background: #e40069 !important; color: #FFFFFF !important; border: 2px solid #e40069 !important; border-radius: 4px !important; } #pb-561 .popup .popup-footer button:hover{ background: #FF3D8C !important; } #pb-561 .session-info .item{ background: #1A1F27 !important; color: #FF7AB4 !important; box-shadow: none !important; } #pb-561 .session-info .item mat-icon{ color: #FF7AB4 !important; } #pb-561 .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-561 .ops27-slot strong{ display: block; color: #fff; font-size: 17.5px; margin-bottom: 8px; } #pb-561 .ops27-slot a{ color: #FF7AB4; } #pb-561 .ops27-panel--dark{ background: #1A1F27; border: 1px solid rgba(255,255,255,.12); border-top: 5px solid #e40069; } #pb-561 .ops27-panel--light{ background: #FFFFFF; border: 1px solid rgba(255,255,255,.12); border-top: 5px solid #e40069; } #pb-561 #ops27-widget-profiles runevents-sponsors{ display: block; width: 100%; } #pb-561 #ops27-widget-profiles h1,#pb-561 #ops27-widget-profiles h2,#pb-561 #ops27-widget-profiles h3,#pb-561 #ops27-widget-profiles h4,#pb-561 #ops27-widget-profiles h5,#pb-561 #ops27-widget-profiles h6,#pb-561 #ops27-widget-profiles strong,#pb-561 #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-561 #ops27-widget-profiles .section h2,#pb-561 #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-561 #ops27-widget-profiles p,#pb-561 #ops27-widget-profiles span,#pb-561 #ops27-widget-profiles small,#pb-561 #ops27-widget-profiles li,#pb-561 #ops27-widget-profiles address,#pb-561 #ops27-widget-profiles td{ color: #EDF1F4 !important; -webkit-text-fill-color: #EDF1F4 !important; } #pb-561 #ops27-widget-profiles .card,#pb-561 #ops27-widget-profiles .sponsor,#pb-561 #ops27-widget-profiles .list-group,#pb-561 #ops27-widget-profiles .list-group-item{ background-color: #242C36 !important; border-color: rgba(255,255,255,.12) !important; box-shadow: none !important; } #pb-561 #ops27-widget-profiles .card:hover{ background-color: #2C3542 !important; border-color: #e40069 !important; } #pb-561 #ops27-widget-profiles .card img,#pb-561 #ops27-widget-profiles .badge-icon:has(img){ background: #FFFFFF !important; border-radius: 3px !important; padding: 8px !important; } #pb-561 #ops27-widget-profiles .label,#pb-561 #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-561 #ops27-widget-profiles .card-sidebar,#pb-561 #ops27-widget-profiles .card-sidebar form,#pb-561 #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-561 #ops27-widget-profiles .card-sidebar .title,#pb-561 #ops27-widget-profiles .card-sidebar .title span{ background: transparent !important; color: #FFFFFF !important; -webkit-text-fill-color: #FFFFFF !important; } #pb-561 #ops27-widget-profiles input[type="search"],#pb-561 #ops27-widget-profiles input[type="text"],#pb-561 #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-561 #ops27-widget-profiles input::placeholder,#pb-561 #ops27-widget-profiles .form-control::placeholder{ color: #98A4AF !important; -webkit-text-fill-color: #98A4AF !important; opacity: 1 !important; } #pb-561 #ops27-widget-profiles .checkbox{ background: #242C36 !important; background-color: #242C36 !important; box-shadow: none !important; } #pb-561 #ops27-widget-profiles .checkbox:hover{ background-color: #2C3542 !important; } #pb-561 #ops27-widget-profiles .checkbox label,#pb-561 #ops27-widget-profiles .checkbox label span{ background: transparent !important; color: #FF7AB4 !important; -webkit-text-fill-color: #FF7AB4 !important; font-weight: 700 !important; } #pb-561 #ops27-widget-profiles input[type="checkbox"]{ accent-color: #e40069 !important; } #pb-561 #ops27-widget-profiles .btn,#pb-561 #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-561 #ops27-widget-profiles .btn:hover,#pb-561 #ops27-widget-profiles button:hover{ background: #FF3D8C !important; border-color: #FF3D8C !important; } #pb-561 #ops27-widget-profiles a:not(.btn){ color: #FF7AB4 !important; -webkit-text-fill-color: #FF7AB4 !important; } #pb-561 #ops27-widget-profiles hr{ border-color: rgba(255,255,255,.12) !important; } #pb-561 .ops27-panel--light .ops27-slot{ color: #5F6B75; border-color: #C9D0D6; } #pb-561 .ops27-panel--light .ops27-slot strong{ color: #14181D; } #pb-561 .ops27-panel--light .ops27-slot a{ color: #B00062; } /* ---------------------------------------------------------------------- 6 Bildschirmbreiten */ @media (max-width: 980px){ #pb-561 .ops27-split{ grid-template-columns: 1fr; gap: 34px; } #pb-561 .ops27-stats,#pb-561 .ops27-days{ grid-template-columns: 1fr; } #pb-561 .ops27-stat + .ops27-stat{ border-left: 0; border-top: 1px solid rgba(255,255,255,.12); } #pb-561 .ops27-tickets,#pb-561 .ops27-cross{ grid-template-columns: 1fr; } #pb-561 .ops27-incl ul{ columns: 1; } #pb-561 .ops27-cross{ gap: 22px; } #pb-561 .ops27-jump,#pb-561 .ops27-cta{ grid-template-columns: 1fr; } #pb-561 .ops27-claim,#pb-561 .ops27-jump,#pb-561 .ops27-cta,#pb-561 .ops27-spot{ grid-template-columns: 1fr; } #pb-561 .ops27-claim{ gap: 34px; } #pb-561 .ops27-spot{ gap: 26px; padding: 24px; } #pb-561 .ops27-spot-img{ max-width: 260px; } #pb-561 .ops27-duo,#pb-561 .ops27-plans,#pb-561 .ops27-cta{ grid-template-columns: 1fr; } #pb-561 .ops27-duo{ grid-template-columns: 1fr; } #pb-561 .ops27-toprow,#pb-561 .ops27-plans,#pb-561 .ops27-supp,#pb-561 .ops27-final,#pb-561 .ops27-form{ grid-template-columns: 1fr; } #pb-561 .ops27-toprow{ gap: 24px; } #pb-561 .ops27-supp{ grid-template-columns: 1fr; gap: 34px; } #pb-561 .ops27-args{ grid-template-columns: 1fr; } #pb-561 .ops27-final{ grid-template-columns: 1fr; } #pb-561 .ops27-intro,#pb-561 .ops27-leads,#pb-561 .ops27-orgs,#pb-561 .ops27-contactgrid{ grid-template-columns: 1fr; } #pb-561 .ops27-intro{ gap: 40px; } } @media (max-width: 760px){ #pb-561 .ops27{ font-size: 16px; } #pb-561 .ops27-band{ padding: 58px 0; } #pb-561 .ops27-band--tight{ padding: 40px 0; } #pb-561 .ops27-wrap{ padding: 0 40px; } #pb-561 .ops27-hero-in{ padding: 78px 40px 66px; } #pb-561 .ops27-hero .ops27-wrap{ padding-left: 40px !important; padding-right: 40px !important; } #pb-561 .ops27-hero .ops27-hero-in{ padding-left: 40px !important; padding-right: 40px !important; padding-top: 78px !important; padding-bottom: 66px !important; } #pb-561 .ops27-eb-band{ background: linear-gradient(160deg, #e40069 0%, #8A0343 46%, #1C030F 82%, #0A0D11 100%); } #pb-561 .ops27-eb{ gap: 16px 24px; } #pb-561 .ops27-eb-clock{ gap: 18px; } #pb-561 .ops27-stat{ padding: 26px 22px; } #pb-561 .ops27-wall{ gap: 12px; } #pb-561 .ops27-news{ padding: 24px 22px; } #pb-561 .ops27-final{ padding: 36px 24px; } #pb-561 .ops27-ticket,#pb-561 .ops27-booking{ padding: 24px 22px; } #pb-561 .ops27-verb{ columns: 1; } #pb-561 .ops27-cross{ padding: 26px 22px; } #pb-561 .ops27-faq summary{ font-size: 16.5px; } #pb-561 .ops27-wrap,#pb-561 .ops27-nav-in{ padding: 0 40px; } #pb-561 .ops27-sec{ scroll-margin-top: 118px; } #pb-561 .ops27-panel{ padding: 20px 16px; } #pb-561 .ops27-cta{ padding: 32px 26px; } #pb-561 .ops27-acc-name{ font-size: 18px; } #pb-561 .ops27-acc summary{ padding-right: 40px; } #pb-561 .ops27-acc-body{ padding-right: 0; } #pb-561 .ops27-board{ grid-template-columns: repeat(auto-fit, minmax(152px, 1fr)); } #pb-561 .ops27-wall--major .ops27-logo,#pb-561 .ops27-wall--major .ops27-open{ width: 100%; height: 150px; } #pb-561 .ops27-wall--comm .ops27-logo,#pb-561 .ops27-wall--comm .ops27-open{ width: 100%; height: 130px; } #pb-561 .ops27-wall--gold .ops27-logo,#pb-561 .ops27-wall--gold .ops27-open{ width: 168px; height: 100px; } #pb-561 .ops27-wall--silv .ops27-logo,#pb-561 .ops27-wall--silv .ops27-open{ width: 132px; height: 78px; } #pb-561 .ops27-wall--bron .ops27-logo,#pb-561 .ops27-wall--bron .ops27-open{ width: 104px; height: 60px; } #pb-561 .ops27-wall--major .ops27-logo,#pb-561 .ops27-wall--comm .ops27-logo{ padding: 14px; } #pb-561 .ops27-heropad{ padding: 78px 40px 66px; } #pb-561 .ops27-hero .ops27-facts{ gap: 26px; } #pb-561 .ops27-facts{ gap: 18px; } #pb-561 .ops27-swipe{ display: block; } #pb-561 .ops27-tbl th,#pb-561 .ops27-tbl td{ padding: 12px 14px; } #pb-561 .ops27-tbl .f{ min-width: 210px; } #pb-561 .ops27-dl,#pb-561 .ops27-contact{ padding: 28px 24px; } #pb-561 .ops27-plate{ padding: 24px; } #pb-561 .ops27-level{ grid-template-columns: 68px 1fr; } #pb-561 .ops27-level-body{ padding: 20px 18px; } #pb-561 .ops27-route{ grid-template-columns: 96px 1fr; gap: 16px; } #pb-561 .ops27-mode{ font-size: 13px; padding: 9px 3px; } #pb-561 .ops27-mapnote{ padding: 22px 20px; } #pb-561 .ops27-galerie img{ width: 104px; height: 70px; } #pb-561 .ops27-mapframe{ aspect-ratio: 4 / 3; } #pb-561 .ops27-hotel{ padding: 24px 22px; } #pb-561 .ops27 .ops27-wrap{ padding-left: 40px !important; padding-right: 40px !important; } #pb-561 .ops27-nav-in{ padding: 0 40px; } #pb-561 .ops27-logo,#pb-561 .ops27-open{ width: 100%; height: 104px; } #pb-561 .ops27-person-body,#pb-561 .ops27-orgcard,#pb-561 .ops27-card{ padding: 24px 22px; } #pb-561 .ops27-team{ grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); } } @media (prefers-reduced-motion: reduce){ #pb-561 .ops27 *{ transition: none !important; animation: none !important; } #pb-561 .ops27-btn:hover,#pb-561 .ops27-card:hover,#pb-561 .ops27-logo:hover{ transform: none; } #pb-561 .ops27-btn:hover{ transform: none; } #pb-561 .ops27-btn:hover,#pb-561 .ops27-feature:hover{ transform: none; } #pb-561 .ops27-btn:hover,#pb-561 .ops27-logo:hover{ transform: none; } #pb-561 .ops27-btn:hover,#pb-561 .ops27-card:hover{ transform: none; } } /* --------------------------------------------------------------- Titelbalken: Hover-Effekte abschalten Der Balken ist reine Anzeige, kein anklickbares Element. Ohne diese Regeln legt run.events beim Überfahren eine magentafarbene Fläche darüber. Der Block trägt dafür die Klasse ops27-titlebar. --------------------------------------------------------------- */ #pb-561 .ops27-titlebar,#pb-561 .ops27-titlebar *,#pb-561 .ops27-titlebar:hover,#pb-561 .ops27-titlebar *:hover,#pb-561 .ops27-titlebar:focus-within{ background-image: none !important; outline: none !important; box-shadow: none !important; text-decoration: none !important; transform: none !important; cursor: default !important; } #pb-561 .ops27-titlebar:hover,#pb-561 .ops27-titlebar:hover > *,#pb-561 .ops27-titlebar:hover .ops27-wrap,#pb-561 .ops27-titlebar:hover .ops27-head{ background-color: #12161B !important; border-color: transparent !important; } #pb-561 .ops27-titlebar:hover .ops27-h1,#pb-561 .ops27-titlebar:hover .ops27-h2,#pb-561 .ops27-titlebar:hover .ops27-h3{ background-color: transparent !important; color: #fff !important; } /* --------------------------------------------------------------- Steuerhinweis im Ticket-Widget, englische Fassung Der deutsche Hinweis steht weiter oben als Pseudoelement hinter den Preisen und in der Zusammenfassung. SO WIRD UMGESCHALTET Fuer die englische Fassung die Klasse ops27-en am umgebenden Element ergaenzen, also im HTML-Block der englischen Ticketseite:
Das Attribut lang taugt nicht, weil der Hub auf allen Seiten dieselbe Sprache eintraegt. SAUBERER WAERE: den Hinweis in run.events in die Ticketbeschreibung schreiben. Dann steht er in den Daten, ist je Sprache pflegbar und wird von Screenreadern gelesen. Diese Regeln und die deutschen Gegenstuecke koennen dann geloescht werden. --------------------------------------------------------------- */ #pb-561 .ops27-en #ops27-booking-slot .price .flex-space .flex-space h4::after,#pb-561 #ops27-booking-slot.ops27-en .price .flex-space .flex-space h4::after{ content: " plus VAT"; } #pb-561 .ops27-en #ops27-booking-slot .side h5::after,#pb-561 #ops27-booking-slot.ops27-en .side h5::after{ content: " plus VAT"; } /* --------------------------------------------------------------- Partnerprofile: Klick vorübergehend abschalten Das Widget runevents-sponsors erzeugt beim Klick auf eine Partnerkarte eine Weiterleitung auf eine Detailseite. Diese Adresse ist im Backend von run.events nicht hinterlegt, deshalb landet man auf hub.online-print-summit.com/null. Bis run.events die Zielseite einträgt, sind die Karten hier nicht klickbar. Suche und Filter bleiben nutzbar. WENN DIE ZIELSEITE EINGETRAGEN IST, diesen Block löschen. --------------------------------------------------------------- */ #pb-561 #ops27-widget-profiles .card,#pb-561 #ops27-widget-profiles .card *{ pointer-events: none !important; cursor: default !important; } #pb-561 #ops27-widget-profiles app-external-widget-filter,#pb-561 #ops27-widget-profiles app-external-widget-filter *{ pointer-events: auto !important; } /* Paketfarben von run.events auf die OPS-Farben ziehen. Im Backend stehen Gelb, Silber, Orange, Violett und Hellblau, die nicht zum OPS-Design passen. Sauberer wäre es, die Farben dort zu ändern; bis dahin überschreiben wir sie hier. */ #pb-561 #ops27-widget-profiles .label-buttons-container button{ background-color: transparent !important; color: #FF7AB4 !important; border: 1px solid rgba(255, 122, 180, 0.45) !important; box-shadow: none !important; font-weight: 700 !important; letter-spacing: 0.08em !important; text-transform: uppercase !important; }