/* Shared site typography, classes and header/footer. */ @font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/robeat-roboto-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:Roboto;font-style:normal;font-weight:100 900;font-display:swap;src:url("../fonts/robeat-roboto-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} @font-face{font-family:Roboto;font-style:italic;font-weight:100 900;font-display:swap;src:url("../fonts/robeat-roboto-italic-latin-ext.woff2") format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF} @font-face{font-family:Roboto;font-style:italic;font-weight:100 900;font-display:swap;src:url("../fonts/robeat-roboto-italic-latin.woff2") format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD} .rbx-heading{margin-block-start:0}figure{margin:0}.el2b-e-flexbox-base{width:100%;padding:10px}.el2b-e-div-block-base{width:100%;padding:10px}.el2b-e-grid-base{width:100%;padding:10px}.el2b-e-heading-base{margin:0px}.el2b-e-paragraph-base{margin:0px;font-size:16px;font-weight:400;line-height:24px;color:inherit}.el2b-e-button-base{text-align:center;padding-block-start:12px;padding-block-end:12px;padding-inline-start:24px;padding-inline-end:24px;border-radius:var(--el-radius);border-width:0px;background-color:var(--el-ink);letter-spacing:inherit}.el2b-e-divider-base{width:100%;height:1px;border-width:0px;border-color:transparent;border-style:none;background-color:var(--el-bg)}.el2b-e-tabs-base{width:100%;padding:0px 10px;display:flex;flex-direction:column;gap:30px}.el2b-e-tabs-menu-base{width:100%;padding:0px 10px;display:flex;justify-content:center}.el2b-e-tab-base{width:160px;color:var(--el-ink-dark);cursor:pointer;padding:8px;border-width:2px;border-color:var(--el-border-light);border-style:solid;background-color:var(--el-paper);display:block}.el2b-e-tabs-content-area-base{width:100%;padding:0px 10px;display:block}.el2b-e-tab-content-base{width:100%;min-width:30px;padding:10px;display:block}.el2b-e-collection-loop-base{width:100%;padding:0px 10px;display:block}.el2b-e-collection-loop-layout-base{width:100%;padding:0px 10px;grid-auto-rows:1fr}.el2b-e-collection-loop-item-base{width:100%;padding:0px 10px}.el2b-e-pagination-base{width:100%;padding-block-start:8px;padding-block-end:8px;padding-inline-start:8px;padding-inline-end:8px;margin-block-start:8px;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start;align-items:center}.el2b-e-svg-base{width:65px;height:65px;color:var(--el-text-dark)}.el2b-e-youtube-base{width:100%;overflow:hidden;aspect-ratio:16/9}.el2b-e-self-hosted-video-base{width:100%;max-width:100vw;aspect-ratio:16/9}.el2b-e-form-base{padding:20px;gap:10px;flex-wrap:wrap;align-content:start;align-items:flex-start}.el2b-e-heading-base.el2b-e-heading-base a,.el2b-e-paragraph-base.el2b-e-paragraph-base a{all:unset;cursor:pointer}.el2b-e-image-base.el2b-e-image-base a{width:fit-content;all:unset;cursor:pointer;display:inherit}.el2b-e-tab-base.el2b-e-tab-base{width:160px;color:var(--el-ink-dark);cursor:pointer;padding:8px;border-width:2px;border-color:var(--el-border-light);border-style:solid;background-color:var(--el-paper);display:block;line-height:normal}.el2b-e-tab-base.el2b-e-tab-base.rb-open{border-color:var(--el-ink-dark);outline-width:0px}.el2b-e-tab-base.el2b-e-tab-base:focus{border-color:var(--el-ink-dark);outline-width:0px}.el2b-e-tab-base.el2b-e-tab-base:hover,.el2b-e-tab-base.el2b-e-tab-base:focus-visible{background-color:var(--el-border-light)}.el2b-e-pagination-base .page-numbers.prev,.el2b-e-pagination-base .page-numbers.next{font-size:14px;color:var(--el-ink-dark);text-align:center;text-decoration:none;padding-block-start:8px;padding-block-end:8px;padding-inline-start:12px;padding-inline-end:12px;border-radius:4px;border-width:1px;border-color:var(--el-border-light);border-style:solid;display:inline-flex;gap:8px;align-items:center}.el2b-e-pagination-base ul.page-numbers{display:contents;list-style:none;margin:0;padding:0}body{font-family:Roboto,Helvetica,sans-serif;background:var(--el-bg);color:var(--el-ink)}.rbx-text ul,.rbx-text ol,.rbx-text li,.rbx-text dl,.rbx-text dt,.rbx-text dd,.rbx-html ul,.rbx-html ol,.rbx-html li,.rbx-html dl,.rbx-html dt,.rbx-html dd,.rbx-post-content ul,.rbx-post-content ol,.rbx-post-content li,.rbx-post-content dl,.rbx-post-content dt,.rbx-post-content dd,.accordion-content-wrapper ul,.accordion-content-wrapper ol,.accordion-content-wrapper li,.accordion-content-wrapper dl,.accordion-content-wrapper dt,.accordion-content-wrapper dd,.tab-pane ul,.tab-pane ol,.tab-pane li,.tab-pane dl,.tab-pane dt,.tab-pane dd{margin-block:0px 0px}.rbx-text h1,.rbx-text h2,.rbx-text h3,.rbx-text h4,.rbx-text h5,.rbx-text h6,.rbx-html h1,.rbx-html h2,.rbx-html h3,.rbx-html h4,.rbx-html h5,.rbx-html h6,.rbx-post-content h1,.rbx-post-content h2,.rbx-post-content h3,.rbx-post-content h4,.rbx-post-content h5,.rbx-post-content h6,.accordion-content-wrapper h1,.accordion-content-wrapper h2,.accordion-content-wrapper h3,.accordion-content-wrapper h4,.accordion-content-wrapper h5,.accordion-content-wrapper h6,.tab-pane h1,.tab-pane h2,.tab-pane h3,.tab-pane h4,.tab-pane h5,.tab-pane h6{margin-block:8px 16px}.rbx-post-content p,.rbx-html p{margin-block-end:14.4px}body #rb-content.wordpress{width:100%;max-width:none}@media (min-width:1201px) and (max-width:1400px){#rbx-ehe8b00001{padding-left:clamp(40px,calc(60vw - 680px),160px)!important;padding-right:clamp(40px,calc(60vw - 680px),160px)!important}} :where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--el-accent);outline-offset:4px} @media(prefers-reduced-motion:reduce){.robeat-button{transition:none}} #rb-footer #rbx-efo7400003{font-family:Roboto,Helvetica,sans-serif;font-size:var(--el-font-label-size);font-weight:800;line-height:1.3;letter-spacing:.08em}#rb-footer #rbx-efo7400004{font-family:Roboto,Helvetica,sans-serif;font-size:var(--el-font-copytext-size);line-height:var(--el-font-copytext-line-height)}#rb-footer #rbx-efo740000k{font-family:Roboto,Helvetica,sans-serif} /* BREAKPOINT: Desktop (BASE) */ body {color: var(--el-ink); font-size: var(--el-font-copytext-size); line-height: var(--el-font-copytext-line-height); font-family: "Roboto"} h1, h2, h3, h4, h5, h6 {color: var(--el-ink); font-family: "Roboto"; font-weight: 900; letter-spacing: -0.045em} h1 {font-size: var(--el-font-h1-size); line-height: var(--el-font-h1-line-height); font-weight: 900; font-family: "Roboto"; text-transform: uppercase; letter-spacing: -0.045em} h2 {font-size: var(--el-font-h2-size); line-height: var(--el-font-h2-line-height); font-weight: 900; font-family: "Roboto"; text-transform: uppercase; letter-spacing: -0.045em} h3 {font-size: var(--el-font-h3-size); line-height: var(--el-font-h3-line-height); font-weight: 800; font-family: "Roboto"; text-transform: none; letter-spacing: -0.02em} h4 {font-size: 24px; line-height: 1.15; font-weight: 800; font-family: "Roboto"; text-transform: none; letter-spacing: -0.02em} h5 {font-size: 20px; line-height: 1.15; font-weight: 800; font-family: "Roboto"; text-transform: none; letter-spacing: -0.02em} h6 {font-size: 16px; line-height: 1.15; font-weight: 800; font-family: "Roboto"; text-transform: none; letter-spacing: -0.02em} :where(.rbx-accordion .accordion-content-wrapper) a, :where(.rbx-icon-box .content) a, :where(.rbx-list) a, :where(.rbx-post-content):not([data-source="bricks"]) a:where(:not(.wp-element-button):not(.wp-block-button__link):not(.wp-block-file__button):not(.wp-block-social-link-anchor):not(.wp-block-navigation-item__content):not(.wp-block-image > a):not(.wp-block-image > figure > a)), :where(.rbx-posts .dynamic p) a, :where(.rbx-shortcode) a, :where(.rbx-tabs .tab-content) a, :where(.rbx-team-members) .description a, :where(.rbx-testimonials) .testimonial-content-wrapper a, :where(.rbx-text) a, :where(a.rbx-text), :where(.rbx-text-basic) a, :where(a.rbx-text-basic), :where(.rbx-post-comments) .comment-content a, .rbx-product-content a, .rbx-product-short-description a, .rbx-product-tabs .woocommerce-Tabs-panel a, .rb-body:where(:not(.elementor-page)) a, :where(.rbx-div) a:where(:not(.rb-native-button):not([class*="el2b-"][class*="-btn"])), :where(a.rbx-div):where(:not(.rb-native-button):not([class*="el2b-"][class*="-btn"])), :where(.rbx-heading) a:where(:not(.rb-native-button):not([class*="el2b-"][class*="-btn"])), :where(.rbx-icon) a:where(:not(.rb-native-button):not([class*="el2b-"][class*="-btn"])) {color: var(--el-violet); text-decoration: none} .rbx-container {width: var(--el-content-width)} .woocommerce main.site-main {width: var(--el-content-width)} #rb-content.wordpress {width: var(--el-content-width)} /* BREAKPOINT: Desktop (BASE) */ .robeat-layout.rbx-section {color: var(--el-ink); font-family: "Roboto"} @media(max-width:850px){.robeat-layout .robeat-grid{grid-template-columns:1fr} .robeat-layout .robeat-split{grid-template-columns:1fr;gap:40px} .robeat-layout .robeat-proof{grid-template-columns:1fr 1fr} .robeat-layout .robeat-section-head{align-items:start;flex-direction:column} .robeat-layout.robeat-hero{min-height:620px} .robeat-layout.robeat-hero::after{background:linear-gradient(90deg,var(--el-bg),transparent 160%)} .robeat-layout .robeat-collage{grid-template-columns:1fr} .robeat-layout .robeat-collage>div:first-child{grid-row:auto;min-height:390px} .robeat-layout.robeat-footer .robeat-wrap{align-items:start;flex-direction:column} .robeat-layout .robeat-nav.rb-open .rb-nav-nested-items{padding:80px 30px;gap:12px;align-items:flex-start;justify-content:flex-start}}@media(max-width:560px){.robeat-layout .robeat-proof{grid-template-columns:1fr} .robeat-layout .robeat-proof>div{padding:24px} .robeat-layout .robeat-event,.robeat-layout .robeat-timeline{grid-template-columns:1fr;gap:12px} .robeat-layout .robeat-roles{grid-template-columns:1fr} .robeat-layout .robeat-roles>div{padding:28px 0;min-height:0;border-right:0!important} .robeat-layout .robeat-logo-grid{grid-template-columns:1fr 1fr;gap:24px} .robeat-layout.robeat-hero{min-height:640px} .robeat-layout .robeat-card{min-height:390px} .robeat-layout .robeat-actions{align-items:start} .robeat-layout.robeat-header{padding-block:14px} .robeat-layout .robeat-proof h3{font-size:40px}} .robeat-layout { background: var(--el-bg);} .robeat-layout * { box-sizing: border-box; min-width: 0;} .robeat-layout *::before { box-sizing: border-box; min-width: 0;} .robeat-wrap { width: 100%; max-width: var(--el-width-content,1180px); margin-inline: auto;} .robeat-stack { display: flex; flex-direction: column; gap: var(--el-space-3,24px);} .robeat-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; width: 100%;} .robeat-split { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(32px,6vw,80px); align-items: center; width: 100%;} .robeat-actions { display: flex; flex-direction: row; flex-wrap: wrap; gap: 12px; align-items: center;} .robeat-section-head { display: flex; flex-direction: row; justify-content: space-between; align-items: end; gap: 24px; margin-bottom: 40px; width: 100%;} .robeat-section-head h2 { max-width: 850px;} .robeat-photo { width: 100%; height: 100%; object-fit: cover; display: block;} .robeat-card { position: relative; min-height: 430px; overflow: hidden; display: flex; flex-direction: column; justify-content: end; padding: 28px; background: var(--el-surface);} .robeat-card>.robeat-photo { position: absolute; inset: 0; z-index: 0;} .robeat-card::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 20%,var(--el-bg) 100%); z-index: 1; pointer-events: none;} .robeat-card>.robeat-stack { position: relative; z-index: 2;} .robeat-card h3 { font-size: clamp(25px,3vw,39px); line-height: 1.02; color: var(--el-ink);} .robeat-card p { font-size: 15px; line-height: 1.55; color: var(--el-ink);} .robeat-hero { position: relative; min-height: 680px; overflow: hidden; justify-content: center;} .robeat-hero>.robeat-photo { position: absolute; inset: 0; z-index: 0; object-position: 65% 35%;} .robeat-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg,var(--el-bg) 0%,transparent 100%); pointer-events: none;} .robeat-hero>.robeat-wrap { position: relative; z-index: 2;} .robeat-hero h1 { max-width: 860px; font-size: clamp(42px,7.8vw,92px); font-weight: 500; line-height: .9; letter-spacing: -.055em; text-transform: uppercase;} .robeat-hero .robeat-lead { max-width: 560px;} .robeat-layout p { margin: 0;} .robeat-layout h1 { margin: 0; overflow-wrap: normal; word-break: normal;} .robeat-layout h2 { margin: 0; overflow-wrap: normal; word-break: normal;} .robeat-layout h3 { margin: 0; overflow-wrap: normal; word-break: normal;} .robeat-proof { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border-top: 1px solid var(--el-border); border-bottom: 1px solid var(--el-border);} .robeat-proof>div { padding: 32px; border-right: 1px solid var(--el-border);} .robeat-proof h3 { font-size: clamp(28px,4vw,52px);} .robeat-event { display: grid; grid-template-columns: 150px 1fr auto; gap: 24px; align-items: center; padding: 24px 0; border-bottom: 1px solid var(--el-border); width: 100%;} .robeat-timeline { display: grid; grid-template-columns: 150px 1fr auto; gap: 24px; align-items: center; padding: 24px 0; border-bottom: 1px solid var(--el-border); width: 100%;} .robeat-reference { display: flex; flex-direction: column; gap: 18px;} .robeat-reference img { width: 100%; aspect-ratio: 4/3; object-fit: cover;} .robeat-reference h3 { font-size: 22px; line-height: 1.15;} .robeat-logo-band { padding-block: 32px; background: var(--el-paper);} .robeat-logo-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 40px; align-items: center; justify-items: center;} .robeat-logo-grid img { width: 100%; max-width: 120px; height: 65px; object-fit: contain;} .robeat-client-wall { width: 100%; max-width: 1040px; margin-inline: auto;} .robeat-roles { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--el-border);} .robeat-roles>div { padding: 42px; border-bottom: 1px solid var(--el-border); min-height: 260px;} .robeat-roles>div:nth-child(odd) { border-right: 1px solid var(--el-border);} .robeat-collage { display: grid; grid-template-columns: 1.15fr 1fr; gap: 8px;} .robeat-collage>div:first-child { grid-row: span 2;} .robeat-collage .robeat-card { min-height: 300px;} .robeat-cta { background: radial-gradient(ellipse at 85% 100%,var(--el-accent-deep),var(--el-bg) 68%);} .robeat-header { padding: 18px var(--el-gutter); border-bottom: 1px solid var(--el-border);} .robeat-header .robeat-wrap { display: flex; flex-direction: row; align-items: center; justify-content: space-between; gap: 24px;} .robeat-nav { font-size: 12px; font-weight: 800; text-transform: uppercase; letter-spacing: .08em;} .robeat-nav .rb-nav-nested-items { gap: 24px;} .robeat-nav a { padding-block: 10px;} .robeat-nav a:hover { color: var(--el-accent);} .robeat-footer { padding: 40px var(--el-gutter); border-top: 1px solid var(--el-border); font-size: 12px;} .robeat-footer .robeat-wrap { display: flex; flex-direction: row; justify-content: space-between; gap: 32px; align-items: center;} .robeat-footer a { color: var(--el-muted);} .robeat-layout a:focus-visible { outline: 2px solid var(--el-accent); outline-offset: 5px;} .home .robeat-layout h2:not(.robeat-display) { font-size: clamp(32px,3.5vw,48px); font-weight: 500; line-height: 1.02; letter-spacing: -.04em;} .robeat-layout.robeat-logo-band { padding-block: 32px;} .robeat-layout.robeat-statement { background: linear-gradient(110deg,var(--el-accent-deep),var(--el-accent)); color: var(--el-ink-dark);} .robeat-layout.robeat-surface-light { background: var(--el-paper); color: var(--el-ink-dark);} .robeat-layout .robeat-collage { align-items: stretch;} .robeat-collage>div:first-child { min-height: 608px;} .robeat-header .robeat-nav a { color: var(--el-ink); font-family: Roboto,Helvetica,sans-serif;} .robeat-header .robeat-nav a:hover { color: var(--el-accent);} .robeat-header .robeat-nav.rb-open .rb-nav-nested-items>.rbx-toggle { position: absolute; top: 20px; right: 20px;} .robeat-layout.robeat-statement .robeat-display { color: var(--el-ink-dark);} .robeat-layout .robeat-photo figcaption { display: none;} .robeat-logo-band .robeat-logo-grid img[alt="Shure"] { filter: brightness(0);} .robeat-logo-band .robeat-logo-grid img[alt="Adidas"] { filter: brightness(0);} .robeat-logo-band .robeat-logo-grid img[alt="Red Bull"] { filter: invert(1);} .robeat-layout .robeat-video-card { background-position: center; background-size: cover;} .robeat-layout .rcb-content-blocker { background: linear-gradient(110deg,var(--el-bg),transparent 170%)!important; border: 1px solid var(--el-border); width: 100%; text-align: left;} .robeat-layout .rcb-content-blocker div { background-color: transparent!important; border-radius: 0!important; font-family: Roboto,Helvetica,sans-serif!important; color: var(--el-ink)!important;} .robeat-layout .rcb-content-blocker>div>div { padding: 24px!important; border-radius: 0!important;} .robeat-layout .rcb-content-blocker [role="heading"] { font-size: 18px!important; line-height: 1.3!important; font-weight: 800!important;} .robeat-layout .rcb-content-blocker [class*="-ext-8-278"] { max-height: 110px; overflow-y: auto; padding-right: 12px; margin: 16px 0;} .robeat-layout .rcb-content-blocker p { font-size: 13px!important; line-height: 1.5!important; color: var(--el-ink)!important;} .robeat-layout .rcb-content-blocker a { color: var(--el-ink)!important;} .robeat-layout .rcb-content-blocker a[role="button"] { border: 1px solid var(--el-ink)!important; border-radius: 0!important; padding: 12px 16px!important; font: 800 12px/1.4 Roboto,Helvetica,sans-serif!important; min-height: 44px; display: flex; align-items: center; justify-content: center;} .robeat-layout .rcb-content-blocker a[role="button"][aria-controls] { background: transparent!important;} .robeat-layout .rcb-content-blocker a[role="button"]:not([aria-controls]) { background: var(--el-ink)!important; color: var(--el-ink-dark)!important;} .robeat-layout .rcb-content-blocker a[role="button"]:not([aria-controls]) span { color: var(--el-ink-dark)!important;} /* BREAKPOINT: Desktop (BASE) */ .robeat-section.rbx-section {padding-top: var(--el-space-section); padding-right: var(--el-gutter); padding-bottom: var(--el-space-section); padding-left: var(--el-gutter)} /* BREAKPOINT: Desktop (BASE) */ .robeat-eyebrow.rbx-text-basic {font-family: "Roboto"; font-size: var(--el-font-label-size); font-weight: 800; line-height: 1.3; letter-spacing: 0.16em; text-transform: uppercase; color: var(--el-accent)} /* BREAKPOINT: Desktop (BASE) */ .robeat-lead.rbx-text-basic {font-family: "Roboto"; font-size: var(--el-font-body-size); font-weight: 400; line-height: var(--el-font-body-line-height); max-width: 65ch} /* BREAKPOINT: Desktop (BASE) */ .robeat-button.rbx-button {display: inline-flex; font-family: "Roboto"; font-size: var(--el-font-button-size); font-weight: 800; line-height: var(--el-font-button-line-height); letter-spacing: 0.08em; text-transform: uppercase; color: var(--el-ink-dark); background-color: var(--el-weiss2); padding-top: var(--el-space-sm); padding-right: 22px; padding-bottom: var(--el-space-sm); padding-left: 22px; min-height: 48px; border: 1px solid var(--el-weiss2); border-radius: var(--el-radius); align-items: center; justify-content: center; transition: background-color .2s ease, color .2s ease, border-color .2s ease, transform .2s ease} .robeat-button.rbx-button:hover {background-color: var(--el-accent); color: var(--el-weiss2); border-color: var(--el-accent)} .robeat-button.rbx-button:focus {background-color: var(--el-accent); color: var(--el-weiss2); border-color: var(--el-accent)} @media(prefers-reduced-motion:reduce){.robeat-button.robeat-button.robeat-button{transition:none} .robeat-button.robeat-button:hover,.robeat-button.robeat-button:active{transform:none}} .robeat-button:hover { transform: translateY(-2px);} .robeat-button:active { transform: translateY(0);} /* BREAKPOINT: Desktop (BASE) */ .robeat-button-outline.rbx-button {background-color: transparent; color: var(--el-weiss2); border: 1px solid var(--el-weiss2)} .robeat-button-outline.rbx-button:hover {background-color: var(--el-accent); color: var(--el-weiss2); border-color: var(--el-accent)} .robeat-button-outline.rbx-button:focus {background-color: var(--el-accent); color: var(--el-weiss2); border-color: var(--el-accent)} /* BREAKPOINT: Desktop (BASE) */ .robeat-surface-light.rbx-section {background-color: var(--el-paper); color: var(--el-ink-dark)} .robeat-surface-light :where(h1,h2,h3,h4,h5,h6,.robeat-display) { color: var(--el-ink-dark);} .robeat-surface-light .robeat-eyebrow { color: var(--el-accent-on-light);} /* BREAKPOINT: Desktop (BASE) */ .bh-shared-audio-style.rbx-audio {width: 100%; min-width: 0px; background-color: var(--el-violet)} /* BREAKPOINT: Desktop (BASE) */ .robeat-display.rbx-heading {font-family: "Roboto"; font-size: var(--el-font-display-size); font-weight: 900; line-height: var(--el-font-display-line-height); letter-spacing: -0.065em; text-transform: uppercase; color: var(--el-ink)} /* BREAKPOINT: Desktop (BASE) */ #rbx-ly0289 .rb-native-site-logo {width: 115px; height: 36px} /* BREAKPOINT: Desktop (BASE) */ #rbx-ly0285 .brxa-wrap {color: var(--el-ink)} /* BREAKPOINT: Desktop (BASE) */ #rbx-ly0287 .brxa-wrap {color: var(--el-ink)} @layer robeat { @media (max-width: 991px) { #rbx-ly0288 .rb-toggle-div { display: inline-flex; } #rbx-ly0288 .rbx-toggle { display: inline-flex; } [id="rbx-ly0288"] .rb-nav-nested-items { opacity: 0; visibility: hidden; gap: 0; position: fixed; z-index: 1001; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; background-color: #fff; overflow-y: scroll; flex-wrap: nowrap; } #rbx-ly0288.rb-open .rb-nav-nested-items { opacity: 1; visibility: visible; } } } /* BREAKPOINT: Desktop (BASE) */ #rbx-ly0288.rb-open :where(.rb-nav-nested-items) {background-color: var(--el-bg); width: 100vw; height: 100dvh; top: 0; right: 0} #rbx-ly0288 {color: var(--el-ink)} /* BREAKPOINT: Desktop (BASE) */ #rbx-ly0292 {width: auto} /* BREAKPOINT: Desktop (BASE) */ #rbx-ly0297 {width: auto} /* BREAKPOINT: Desktop (BASE) */ #rbx-ly0302 {font-size: 28px; color: var(--el-weiss2); fill: var(--el-weiss2)} /* BREAKPOINT: Desktop (BASE) */ #rbx-ly0304 {font-size: 28px; color: var(--el-weiss2); fill: var(--el-weiss2)} /* BREAKPOINT: Desktop (BASE) */ #rbx-ly0303 {font-size: 28px; color: var(--el-weiss2); fill: var(--el-weiss2)} /* BREAKPOINT: Desktop (BASE) */ #rbx-6vj40r {font-size: 28px; color: var(--el-weiss2); fill: var(--el-weiss2)} /* BREAKPOINT: Desktop (BASE) */ #rbx-glsp01 {font-size: 28px; color: var(--el-weiss2); fill: var(--el-weiss2)} /* BREAKPOINT: Desktop (BASE) */ #rbx-ly0301 {font-size: 28px; color: var(--el-weiss2); fill: var(--el-weiss2)} /* BREAKPOINT: Desktop (BASE) */ #rbx-ly0300 {flex-direction: row; justify-content: flex-end; align-items: center; column-gap: 8px; width: auto; max-width: 100%; flex-shrink: 0; margin-left: auto} @media(max-width:850px){#rbx-ly0300{width:100%;justify-content:flex-end}}#rbx-ly0300>a { display: inline-flex; align-items: center; justify-content: center; min-width: 48px; min-height: 48px; border: 1px solid var(--el-border); color: var(--el-weiss2); transition: background-color .2s,border-color .2s;}#rbx-ly0300>a:hover { background-color: var(--el-accent); border-color: var(--el-accent);}#rbx-ly0300>a:focus-visible { outline: 2px solid var(--el-accent); outline-offset: 3px;} /* BREAKPOINT: Desktop (BASE) */ #rbx-vbfw12 {flex-direction: row; flex-wrap: wrap; column-gap: 24px; row-gap: 12px; margin-top: 24px; justify-content: flex-start; align-items: center} @media(max-width:850px){#rbx-vbfw12.robeat-wrap {flex-direction:row; align-items:center;}} /* BREAKPOINT: Tablet portrait */ @media (max-width: 991px) { #rbx-ly0299 {padding-bottom: var(--el-space-dense)} } /* Existing global reference typography; original importance preserves the source cascade. */ .post-type-archive-referenzen .rb-display, .post-type-archive-referenzen .rb-display .elementor-heading-title, .single-referenzen .rb-title, .single-referenzen .rb-title .jet-listing-dynamic-field__content{ font-family: Roboto, sans-serif !important; font-size: clamp(54px, 5.9vw, 74px) !important; font-weight: 700 !important; letter-spacing: normal !important; line-height: 1.1 !important; } .post-type-archive-referenzen .rb-section-title, .post-type-archive-referenzen .rb-section-title .elementor-heading-title, .single-referenzen .rb-section-title, .single-referenzen .rb-section-title .jet-listing-dynamic-field__content, .single-referenzen .rb-section-title .elementor-heading-title, .single-referenzen .rb-related-cases h2{ font-family: Roboto, sans-serif !important; font-size: clamp(32px, 3.2vw, 40px) !important; font-weight: 700 !important; letter-spacing: normal !important; line-height: 1.3 !important; } .post-type-archive-referenzen .robeat-reference-card .robeat-card__title, .single-referenzen .rb-related-case h3{ font-family: Roboto, sans-serif !important; font-size: clamp(21px, 2vw, 25px) !important; font-weight: 700 !important; letter-spacing: normal !important; line-height: 1.3 !important; } .post-type-archive-referenzen .rb-copy, .post-type-archive-referenzen .rb-copy p, .single-referenzen .rb-copy, .single-referenzen .rb-copy .jet-listing-dynamic-field__content, .single-referenzen .rb-copy p{ font-family: Roboto, sans-serif !important; font-size: 25px !important; font-weight: 400 !important; line-height: 1.4 !important; } @media (max-width: 767px) {.post-type-archive-referenzen .rb-display, .post-type-archive-referenzen .rb-display .elementor-heading-title, .single-referenzen .rb-title, .single-referenzen .rb-title .jet-listing-dynamic-field__content{ font-size: 42px !important; line-height: 1.08 !important; } .post-type-archive-referenzen .rb-copy, .post-type-archive-referenzen .rb-copy p, .single-referenzen .rb-copy, .single-referenzen .rb-copy .jet-listing-dynamic-field__content, .single-referenzen .rb-copy p{ font-size: 20px !important; }} .single-referenzen .elementor-element-rbshro00 .rb-title, .single-referenzen .elementor-element-rbshro00 .rb-title .jet-listing-dynamic-field__content{ font-size: clamp(54px, 5.9vw, 74px) !important; line-height: 1.1 !important; } .post-type-archive-referenzen .robeat-card__title, .post-type-archive-referenzen .robeat-card__title .jet-listing-dynamic-field__content{ font-family: Roboto, sans-serif !important; font-size: clamp(21px, 2vw, 25px) !important; font-weight: 700 !important; letter-spacing: normal !important; line-height: 1.3 !important; } @media (max-width: 767px) {.single-referenzen .elementor-element-rbshro00 .rb-title, .single-referenzen .elementor-element-rbshro00 .rb-title .jet-listing-dynamic-field__content{ font-size: 42px !important; line-height: 1.08 !important; }} .single-referenzen .elementor-element-rbstitle .elementor-widget-container{ display: flex !important; align-items: flex-start !important; flex-direction: column !important; gap: 12px !important; } .single-referenzen .elementor-element-rbstitle .rb-hero-meta{ order: 0; width: 100%; margin: 0 !important; text-align: left; } .single-referenzen .elementor-element-rbstitle .jet-listing-dynamic-field__content{ order: 1; width: 100%; max-width: 820px; margin: 0 !important; text-align: left !important; } .single-referenzen .elementor-element-rbsintro, .single-referenzen .elementor-element-rbsintro .jet-listing-dynamic-field__content{ width: 100%; max-width: 780px; margin-left: 0 !important; margin-right: auto !important; text-align: left !important; }