
/* 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) */
body{background-color:var(--el-schwarz1)}


/* BREAKPOINT: Desktop (BASE) */
.bh-shared-heading-style.rbx-heading {font-size: var(--el-font-h2-size); line-height: var(--el-font-h2-line-height); font-weight: 900; font-family: "Roboto"; text-transform: uppercase; color: var(--el-weiss1); margin-top: 0px; margin-right: 0px; margin-bottom: 32px; margin-left: 0px; min-width: 0px; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform 0.4s}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
.bh-shared-heading-style.rbx-heading {font-size: var(--el-font-h2-size); line-height: var(--el-font-h2-line-height); margin-top: 0px; margin-right: 0px; margin-bottom: 12px; margin-left: 0px}
}

/* BREAKPOINT: Desktop (BASE) */
#rbx-e00002 {overflow-wrap:anywhere;}


/* BREAKPOINT: Desktop (BASE) */
.bh-shared-shortcode-style.rbx-shortcode {width: 100%; min-width: 0px; font-family: "Roboto"; font-size: var(--el-font-copytext-size); line-height: 1.5; color: var(--el-weiss1)}
#rbx-e00004 { overflow-wrap: anywhere;}#rbx-e00004 :is(h1,h2,h3,h4) { color: var(--el-weiss1); font-family: Roboto,Helvetica,sans-serif; line-height: 1.25; text-transform: none; margin: 1.5em 0 .6em;}#rbx-e00004 :is(h1,h2) { font-size: clamp(var(--el-font-body-size),3vw,var(--el-font-h3-size));}#rbx-e00004 :is(h3,h4) { font-size: var(--el-font-body-size);}#rbx-e00004 p { margin: 0 0 1em;}#rbx-e00004 :is(ul,ol) { padding-left: 1.4em; margin: 0 0 1em;}#rbx-e00004 a { color: var(--el-violet); text-decoration: underline; text-underline-offset: .2em;}#rbx-e00004 a:hover { color: var(--el-weiss2);}#rbx-e00004 a:focus-visible { outline: 2px solid var(--el-violet); outline-offset: 3px;}#rbx-e00004 .erecht24-legal-texts>:first-child { margin-top: 0;}


/* BREAKPOINT: Desktop (BASE) */
#rbx-e00006 { overflow-wrap: anywhere;}#rbx-e00006 :is(h1,h2,h3,h4) { color: var(--el-weiss1); font-family: Roboto,Helvetica,sans-serif; line-height: 1.25; text-transform: none; margin: 1.5em 0 .6em;}#rbx-e00006 :is(h1,h2) { font-size: clamp(var(--el-font-body-size),3vw,var(--el-font-h3-size));}#rbx-e00006 :is(h3,h4) { font-size: var(--el-font-body-size);}#rbx-e00006 p { margin: 0 0 1em;}#rbx-e00006 :is(ul,ol) { padding-left: 1.4em; margin: 0 0 1em;}#rbx-e00006 a { color: var(--el-violet); text-decoration: underline; text-underline-offset: .2em;}#rbx-e00006 a:hover { color: var(--el-weiss2);}#rbx-e00006 a:focus-visible { outline: 2px solid var(--el-violet); outline-offset: 3px;}#rbx-e00006 .erecht24-legal-texts>:first-child { margin-top: 0;}



/* BREAKPOINT: Desktop (BASE) */
#rbx-e00003 {min-width: 0px; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform 0.4s; width: 100%}


/* BREAKPOINT: Desktop (BASE) */
#rbx-e00006 {margin-top: var(--el-widget-gap)}


/* BREAKPOINT: Desktop (BASE) */
#rbx-e00005 {min-width: 0px; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform 0.4s; width: 100%}


/* BREAKPOINT: Desktop (BASE) */
#rbx-e00001 {padding-right: 6.4rem; padding-bottom: 6.4rem; padding-left: 6.4rem; margin-right: auto; margin-left: auto; flex-direction: column; align-items: stretch; column-gap: 20px; row-gap: 20px; width: calc(var(--el-content-width) + 12.8rem); transition: background 0.3s, border 0.3s, box-shadow 0.3s, transform 0.4s}

/* BREAKPOINT: Elementor tablet */
@media (max-width: 1024px) {
#rbx-e00001 {padding-right: 3.2rem; padding-left: 3.2rem}
}
/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
#rbx-e00001 {padding-right: 2.2rem; padding-bottom: 4.8rem; padding-left: 2.2rem}
}

/* BREAKPOINT: Desktop (BASE) */
#rbx-e00000 {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-top: 100px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; position: relative}

/* BREAKPOINT: Mobile landscape */
@media (max-width: 767px) {
#rbx-e00000 {margin-top: 32px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px}
}

