/* 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) */ .el2b-heading-e0d242f1.rbx-heading {transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform 0.4s; color: var(--el-violet); font-family: "Roboto"; font-size: var(--el-font-copytext-size); font-weight: 400; line-height: var(--el-font-copytext-line-height); min-width: 0px} /* BREAKPOINT: Mobile landscape */ @media (max-width: 767px) { .el2b-heading-e0d242f1.rbx-heading {font-size: 16px; line-height: 22.4px} } /* BREAKPOINT: Desktop (BASE) */ .bh-shared-button-style.rbx-button {background-color: var(--el-weiss2); color: var(--el-schwarz1); font-family: "Roboto"; font-weight: 800; font-size: var(--el-font-button-size); line-height: var(--el-font-button-line-height); text-transform: uppercase; letter-spacing: 0.08em; padding-top: 12px; padding-right: 22px; padding-bottom: 12px; padding-left: 22px; border: 2px none var(--rb-native-border-color); border-radius: 0px; transition: all .3s; flex-shrink: 0; min-width: 0px; width: auto; min-height: 48px} .bh-shared-button-style.rbx-button:hover {background-color: var(--el-violet); color: var(--el-weiss2)} .bh-shared-button-style.rbx-button:focus {color: var(--el-weiss2); background-color: var(--el-violet)} #rbx-esi12300002:hover { transform: none;}#rbx-esi12300002 { transition: transform 0.3s;}#rbx-esi12300002:hover { transform: none;}#rbx-esi12300002:focus { transform: none;}#rbx-esi12300002:active { transform: none;} /* BREAKPOINT: Mobile landscape */ @media (max-width: 767px) { .bh-shared-button-style.rbx-button {font-size: var(--el-font-button-size); line-height: var(--el-font-button-line-height)} } /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x00007:hover { transform: none;}#rbx-ear11x00007 { transition: transform 0.3s;}#rbx-ear11x00007:hover { transform: none;}#rbx-ear11x00007:focus { transform: none;}#rbx-ear11x00007:active { transform: none;} /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x00008:hover { transform: none;}#rbx-ear11x00008 { transition: transform 0.3s;}#rbx-ear11x00008:hover { transform: none;}#rbx-ear11x00008:focus { transform: none;}#rbx-ear11x00008:active { transform: none;} /* BREAKPOINT: Desktop (BASE) */ .el2b-container-a1a4d50d.rbx-container {align-items: stretch; column-gap: 20px; transition: background 0.3s, border 0.3s, box-shadow 0.3s, transform 0.4s; flex-direction: column; margin-right: 0; margin-left: 0; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; position: relative; row-gap: 20px; width: 100%; min-width: 0px} /* BREAKPOINT: Desktop (BASE) */ .bh-shared-heading-style-2.rbx-heading {font-size: var(--el-font-h3-size); font-weight: 900; line-height: var(--el-font-h3-line-height); color: var(--el-weiss1); 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-2.rbx-heading {font-size: var(--el-font-h3-size); line-height: var(--el-font-h3-line-height)} } /* BREAKPOINT: Desktop (BASE) */ #cases { scroll-margin-top: 18rem; } @media (max-width: 767px) { #cases { scroll-margin-top: 14rem; } } /* BREAKPOINT: Desktop (BASE) */ .bh-shared-text-basic-style-2.rbx-text-basic {font-family: "Roboto"; font-size: var(--el-font-copytext-size); font-weight: var(--el-font-secondary-weight); line-height: var(--el-font-copytext-line-height); color: var(--el-violet); margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0} /* BREAKPOINT: Desktop (BASE) */ #cases .rbx-reflnk {text-underline-offset: .25em;} #cases .rbx-reflnk:focus-visible {outline: .3rem solid var(--el-violet); outline-offset: .4rem;} /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x0000q:hover { transform: none;}#rbx-ear11x0000q { transition: transform 0.3s;}#rbx-ear11x0000q:hover { transform: none;}#rbx-ear11x0000q:focus { transform: none;}#rbx-ear11x0000q:active { transform: none;} /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x00004 {font-size: var(--text-105px); line-height: 136.5px; font-weight: 700; text-transform: uppercase; color: var(--el-weiss2); 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) { #rbx-ear11x00004 {font-size: 75px; line-height: 97.5px} } /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x00005 {font-family: "Roboto"; font-size: var(--text-25px); font-weight: 400; line-height: 35px; color: var(--el-weiss1); width: 65%; 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) { #rbx-ear11x00005 {font-size: 20px; line-height: 28px; width: 100%} } /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x00008 {border-color: var(--el-weiss1)} /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x00006 {position: relative; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-right: 0; margin-left: 0; flex-direction: row; align-items: stretch; flex-wrap: wrap; column-gap: 14px; row-gap: 14px; width: 100%; min-width: 0px; transition: background 0.3s, border 0.3s, box-shadow 0.3s, transform 0.4s} /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x00002 {position: relative; padding-top: 105px; padding-right: var(--el-space-xl); padding-bottom: var(--el-space-2xl); padding-left: var(--el-space-xl); flex-direction: column; align-items: stretch; column-gap: 22px; row-gap: 22px; width: calc(var(--el-content-width) + 12.8rem); background-color: var(--el-schwarz1); min-width: 0px; transition: background 0.3s, border 0.3s, box-shadow 0.3s, transform 0.4s} /* BREAKPOINT: Elementor tablet */ @media (max-width: 1024px) { #rbx-ear11x00002 {padding-right: 3.2rem; padding-left: 3.2rem} } /* BREAKPOINT: Mobile landscape */ @media (max-width: 767px) { #rbx-ear11x00002 {padding-top: 70px; padding-right: 22px; padding-bottom: 75px; padding-left: 22px} } /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x0000c {color: var(--el-weiss2)} /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x0000e {font-family: "Roboto"; font-weight: 400; color: var(--el-weiss1); min-width: 0px; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform 0.4s} /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x0000d {position: relative; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; margin-right: 0; margin-left: 0; flex-direction: column; align-items: stretch; justify-content: center; column-gap: 20px; row-gap: 20px; width: 100%; min-width: 0px; transition: background 0.3s, border 0.3s, box-shadow 0.3s, transform 0.4s} /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x00009 {position: relative; padding-top: 90px; padding-right: var(--el-space-xl); padding-bottom: var(--el-space-xl); padding-left: var(--el-space-xl); flex-direction: row; align-items: stretch; column-gap: 80px; row-gap: 80px; width: calc(var(--el-content-width) + 12.8rem); min-width: 0px; transition: background 0.3s, border 0.3s, box-shadow 0.3s, transform 0.4s} /* BREAKPOINT: Elementor tablet */ @media (max-width: 1024px) { #rbx-ear11x00009 {padding-right: 3.2rem; padding-left: 3.2rem} } /* BREAKPOINT: Mobile landscape */ @media (max-width: 767px) { #rbx-ear11x00009 {flex-direction: column; padding-top: var(--el-space-xl); padding-right: 22px; padding-bottom: 45px; padding-left: 22px} } /* BREAKPOINT: Desktop (BASE) */ .rbx-refcrd .rbx-refimg.rbx-image {width: 100%; margin-bottom: .6rem; flex-shrink: 0} .rbx-refcrd .rbx-refimg.rbx-image:not(.tag), .rbx-refcrd .rbx-refimg.rbx-image img {aspect-ratio: 3 / 2; object-fit: cover} /* BREAKPOINT: Desktop (BASE) */ .rbx-refcrd .rbx-reftit.rbx-heading {font-family: "Roboto"; font-size: var(--el-font-body-size); font-weight: var(--el-font-h1-weight); line-height: var(--el-font-body-line-height); color: var(--el-weiss1); text-transform: none; margin-top: 0; margin-right: 0; margin-bottom: 0; margin-left: 0} /* BREAKPOINT: Mobile landscape */ @media (max-width: 767px) { .rbx-refcrd .rbx-reftit.rbx-heading {font-size: var(--el-font-copytext-size); line-height: var(--el-font-copytext-line-height)} } /* BREAKPOINT: Desktop (BASE) */ .rbx-refcrd .rbx-refcus.rbx-text-basic {color: var(--el-hellgrau)} /* BREAKPOINT: Desktop (BASE) */ .rbx-refcrd .rbx-reftex.rbx-text-basic {color: var(--el-weiss1)} /* BREAKPOINT: Desktop (BASE) */ .rbx-refcrd .rbx-reflnk.rbx-text-link {font-family: "Roboto"; font-size: var(--el-font-copytext-size); font-weight: var(--el-font-h1-weight); line-height: var(--el-font-copytext-line-height); color: var(--el-violet); text-decoration: underline; margin-top: auto; padding-top: 1rem; padding-bottom: 1rem; align-self: flex-start} .rbx-refcrd .rbx-reflnk.rbx-text-link:hover {color: var(--el-weiss1)} /* BREAKPOINT: Desktop (BASE) */ .rbx-refcrd.rbx-block {flex-direction: column; align-items: stretch; row-gap: 1.4rem; min-width: 0px; padding-bottom: 2.8rem; border-bottom: .1rem solid var(--el-schwarz2)} /* BREAKPOINT: Desktop (BASE) */ #rbx-refgrd {display: grid; align-items: initial; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 4.8rem 3.2rem; width: 100%; min-width: 0px} /* BREAKPOINT: Mobile landscape */ @media (max-width: 767px) { #rbx-refgrd {grid-template-columns: minmax(0,1fr); gap: 4.8rem} } /* BREAKPOINT: Desktop (BASE) */ #rbx-refpag {align-self: center; margin-top: 2.4rem} /* BREAKPOINT: Desktop (BASE) */ #cases {position: relative; padding-top: 0px; padding-right: 6.4rem; padding-bottom: 90px; padding-left: 6.4rem; flex-direction: column; align-items: stretch; column-gap: 20px; row-gap: 20px; width: calc(var(--el-content-width) + 12.8rem); min-width: 0px; transition: background 0.3s, border 0.3s, box-shadow 0.3s, transform 0.4s} /* BREAKPOINT: Elementor tablet */ @media (max-width: 1024px) { #cases {padding-right: 3.2rem; padding-left: 3.2rem} } /* BREAKPOINT: Mobile landscape */ @media (max-width: 767px) { #cases {padding-top: 0px; padding-right: 2.2rem; padding-bottom: 65px; padding-left: 2.2rem} } /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x0000j {color: var(--el-schwarz1); width: 55%} /* BREAKPOINT: Mobile landscape */ @media (max-width: 767px) { #rbx-ear11x0000j {width: 100%} } /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x0000k {font-family: "Roboto"; font-weight: 600; font-size: var(--text-48px); color: var(--el-violet); width: 45%; 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) { #rbx-ear11x0000k {width: 100%} } /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x0000i {position: relative; padding-top: var(--el-space-dense); padding-right: var(--el-space-xl); padding-bottom: var(--el-space-dense); padding-left: var(--el-space-xl); flex-direction: row; align-items: stretch; column-gap: 60px; row-gap: 60px; width: calc(var(--el-content-width) + 12.8rem); background-color: var(--el-weiss1); min-width: 0px; transition: background 0.3s, border 0.3s, box-shadow 0.3s, transform 0.4s} /* BREAKPOINT: Elementor tablet */ @media (max-width: 1024px) { #rbx-ear11x0000i {padding-right: 3.2rem; padding-left: 3.2rem} } /* BREAKPOINT: Mobile landscape */ @media (max-width: 767px) { #rbx-ear11x0000i {flex-direction: column; padding-top: 60px; padding-right: 22px; padding-bottom: 60px; padding-left: 22px} } /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x0000o {color: var(--el-violet)} /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x0000p {font-family: "Roboto"; font-weight: 400; color: var(--el-weiss1); min-width: 0px; transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s, transform 0.4s} /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x0000q {background-color: var(--el-weiss1); color: var(--el-schwarz1); font-family: "Roboto"; font-weight: 700; font-size: var(--text-25px); line-height: 32.5px; text-transform: uppercase; letter-spacing: normal; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; border: 2px none var(--rb-native-border-color); border-radius: 0px; transition: all .3s; flex-shrink: 0; width: 100%} #rbx-ear11x0000q:hover {background-color: var(--el-violet); color: var(--el-weiss2)} #rbx-ear11x0000q:focus {color: var(--el-weiss2); background-color: var(--el-violet)} /* BREAKPOINT: Elementor tablet */ @media (max-width: 1024px) { #rbx-ear11x0000q {width: 100%} } /* BREAKPOINT: Mobile landscape */ @media (max-width: 767px) { #rbx-ear11x0000q {font-size: 20px; line-height: 28px; width: 100%} } /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x0000r {width: 100%; min-width: 0px; display: flex; flex-direction: row; align-items: flex-start; justify-content: flex-start} /* BREAKPOINT: Mobile landscape */ @media (max-width: 767px) { #rbx-ear11x0000r {width: 100%} } /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x0000l {position: relative; padding-top: var(--el-space-dense); padding-right: var(--el-space-xl); padding-bottom: var(--el-space-dense); padding-left: var(--el-space-xl); flex-direction: row; align-items: center; column-gap: 50px; row-gap: 50px; width: calc(var(--el-content-width) + 12.8rem); background-color: var(--el-schwarz1); min-width: 0px; transition: background 0.3s, border 0.3s, box-shadow 0.3s, transform 0.4s} /* BREAKPOINT: Elementor tablet */ @media (max-width: 1024px) { #rbx-ear11x0000l {padding-right: 3.2rem; padding-left: 3.2rem} } /* BREAKPOINT: Mobile landscape */ @media (max-width: 767px) { #rbx-ear11x0000l {flex-direction: column; padding-top: var(--el-space-xl); padding-right: 22px; padding-bottom: var(--el-space-xl); padding-left: 22px} } /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x00001 {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; margin-right: 0; margin-left: 0; flex-direction: column; align-items: stretch; column-gap: 0px; row-gap: 0px; width: 100%; transition: background 0.3s, border 0.3s, box-shadow 0.3s, transform 0.4s} /* BREAKPOINT: Desktop (BASE) */ #rbx-ear11x00000 {padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0; background-color: var(--el-schwarz1); position: relative}