.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
word-break: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}@font-face {
font-family: 'IBM Plex Sans';
src: url(//everblue-consulting.com/wp-content/themes/everblue/assets/css/font/IBMPlexSans-Regular.ttf) format('truetype');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'IBM Plex Sans';
src: url(//everblue-consulting.com/wp-content/themes/everblue/assets/css/font/IBMPlexSans-Medium.ttf) format('truetype');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'IBM Plex Sans';
src: url(//everblue-consulting.com/wp-content/themes/everblue/assets/css/font/IBMPlexSans-SemiBold.ttf) format('truetype');
font-weight: 600;
font-style: normal;
font-display: swap;
}:root { --color-white:           #FFFFFF;
--color-navy-950:        #020E1A; --color-navy-900:        #00101E; --color-navy-800:        #0F1C44; --color-blue-gray:       #2F3B45; --color-blue-800:        #004B82; --color-blue-700:        #004079; --color-blue-500:        #006ED3; --color-text-dark:       #101820; --color-blue-400:        #2080D9; --color-blue-300:        #61B1F9; --color-slate-700:       #33404B; --color-gray-50:         #F1F1F1; --color-gray-30:         #FBFBFB; --color-gray-25:         #FAFAFA; --color-navy-overlay:    rgba(15, 28, 68, 0.2);  --font-sans:             'IBM Plex Sans', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; --fs-h1-mega-1:          150px; --lh-h1-mega-1:          165px;
--fs-h1-mega-2:          90px; --lh-h1-mega-2:          99px; --fs-h2-let-talk:        44px; --lh-h2-let-talk:        57.2px;
--fs-h2-section:         42px; --lh-h2-section:         54.6px;
--fs-h2-card:            42px; --lh-h2-card:            46.2px; --fs-lede:               32px;
--lh-lede:               41.6px;
--fs-card-title-l:       28px;
--lh-card-title-l:       30.8px;
--fs-card-title-m:       26px;
--lh-card-title-m:       28.6px;
--fs-body-l:             20px;
--lh-body-l:             28px;
--fs-body-m:             18px;
--lh-body-m:             25.2px;
--fs-nav:                16px;
--lh-nav:                22.4px;
--fs-label-uc:           14px;
--lh-label-uc:           19.6px; --fs-h1-insights:        110px; --lh-h1-insights:        110px;
--fs-filter-label:       18px; --lh-filter-label:       19.8px;
--fs-filter-tag:         16px; --lh-filter-tag:         17.6px; --fs-step-num:           52px; --lh-step-num:           57.2px;
--fs-card-body:          18px; --lh-card-body:          23.4px; --fs-h1-article:         62px; --lh-h1-article:         68.2px; --fw-regular:            400;
--fw-medium:             500;
--fw-semibold:           600; --radius-pill:           24px; --radius-card-50:        50px; --radius-circle:         9999px;  --design-width:          1440px;
--content-max:           1320px; --gutter:                60px; --header-height:         96px; --transition-default:    all 300ms ease-out; --shadow-blue-glow:      0 0 150px 0 rgba(0, 110, 211, 0.45); }*, *::before, *::after { box-sizing: border-box; }
html, body {
margin: 0;
padding: 0;
overflow-x: clip;
}  html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: clip; }
.lenis.lenis-smooth iframe { pointer-events: none; }
body {
font-family: var(--font-sans);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
font-weight: var(--fw-regular);
color: var(--color-white);
background: white;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
}
img, svg, picture, video {
display: block;
max-width: 100%;
height: auto;
}
a {
color: inherit;
text-decoration: none;
}
button {
font: inherit;
color: inherit;
background: none;
border: 0;
padding: 0;
cursor: pointer;
}
h1, h2, h3, h4, h5, h6, p {
margin: 0;
}
ul, ol {
margin: 0;
padding: 0;
list-style: none;
} .screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
word-wrap: normal !important;
}
.skip-link:focus {
clip: auto;
clip-path: none;
display: block;
font-size: 14px;
font-weight: 600;
height: auto;
left: 8px;
top: 8px;
padding: 12px 16px;
background: var(--color-white);
color: var(--color-navy-900);
width: auto;
z-index: 10000;
} .site-main {
display: block;
width: 100%;
}  .btn {
display: inline-flex;
align-items: center;
justify-content: center;
font-family: var(--font-sans);
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
text-decoration: none;
white-space: nowrap;
cursor: pointer;
transition: var(--transition-default);
} .btn-outline-light {
height: 48px;
padding: 12px 24px;
gap: 8px;
color: var(--color-white);
background: transparent;
box-shadow: inset 0 0 0 1px var(--color-white);
}
.btn-outline-light:hover,
.btn-outline-light:focus-visible {
background: var(--color-white);
color: var(--color-navy-900);
}  .cta-link {
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 8px;
color: var(--color-navy-900);
text-decoration: none;
}
.cta-link-marker {
display: inline-block;
flex: 0 0 auto;
width: 14px;
height: 14px;
border-radius: 50%;
box-shadow: inset 0 0 0 2px currentColor;
background: transparent;
transition: background-color 300ms ease-out;
}
.cta-link:hover .cta-link-marker,
.cta-link:focus-visible .cta-link-marker {
background: currentColor;
} .cta-link-label {
display: inline-flex;
flex-direction: column;
align-items: stretch;
padding-bottom: 1px;
}
.cta-link-text {
display: block;
font-family: var(--font-sans);
font-size: var(--fs-body-m);
font-weight: var(--fw-regular);
line-height: var(--lh-body-m);
}
.cta-link-underline {
display: block;
width: 100%;
height: 1px;
background: currentColor;
transform-origin: right center;
transition: transform 300ms ease-out;
}
.cta-link:hover .cta-link-underline,
.cta-link:focus-visible .cta-link-underline {
transform: scaleX(0);
} .cta-link--light {
color: var(--color-white);
} .site-header {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 100;
background: transparent;
transition: background-color 300ms ease-out;
}
.site-header.is-scrolled,
.site-header.is-menu-open {
background: var(--color-navy-900);
}
.single.single-projekte_insights .site-header{
background: var(--color-navy-900);
} body.single-projekte-insights .site-header,
body.insight-detail .site-header {
position: absolute;
background: var(--color-navy-900) !important;
}
body.single-projekte-insights .nav-link,
body.insight-detail .nav-link {
color: var(--color-white);
}
body.single-projekte-insights .site-logo img,
body.insight-detail .site-logo img {
filter: none;
}
body.single-projekte-insights .btn-outline-light,
body.insight-detail .btn-outline-light {
color: var(--color-white);
box-shadow: inset 0 0 0 1px var(--color-white);
}
body.single-projekte-insights .btn-outline-light:hover,
body.insight-detail .btn-outline-light:hover {
background: var(--color-white);
color: var(--color-navy-900);
}
body.single-projekte-insights .menu-toggle__bar,
body.insight-detail .menu-toggle__bar {
background-color: var(--color-white);
}
body.single-projekte-insights .nav-chevron svg,
body.insight-detail .nav-chevron svg {
stroke: var(--color-white);
}
body.single-projekte-insights .site-header.is-menu-open .nav-chevron svg,
body.insight-detail .site-header.is-menu-open .nav-chevron svg {
stroke: var(--color-white);
} body.single-projekte-insights .site-header.is-menu-open,
body.insight-detail .site-header.is-menu-open {
position: fixed;
}
.site-header-inner {
height: 96px;
margin: 0 auto;
padding: 24px 40px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.site-logo {
display: inline-flex;
align-items: center;
flex: 0 0 auto;
}
.site-logo img {
display: block;
width: 301px;
height: 30px;
} .primary-nav {
display: flex;
flex-direction: row;
align-items: center;
padding: 0 199px 0 0;
}
.primary-nav .nav-list {
display: flex;
flex-direction: row;
align-items: center;
gap: 19px;
margin: 0;
padding: 0;
list-style: none;
}
.nav-item {
display: flex;
align-items: center;
} .nav-link {
display: inline-flex;
align-items: center;
gap: 7px;
font-family: var(--font-sans);
font-size: 16px;
font-weight: 400;
line-height: 22.4px;
color: var(--color-white);
text-decoration: none;
transition: var(--transition-default);
} .nav-marker {
display: inline-block;
flex: 0 0 auto;
width: 10px;
height: 10px;
border-radius: 50%;
background: currentColor;
opacity: 0;
transition: opacity 300ms ease-out;
}
.nav-link:hover .nav-marker,
.nav-link:focus-visible .nav-marker,
.nav-link.is-active .nav-marker {
opacity: 1;
} .nav-item--has-children .nav-link:hover .nav-marker,
.nav-item--has-children .nav-link:focus-visible .nav-marker {
opacity: 0;
} .nav-item--has-children {
position: relative;
}
.nav-submenu {
position: absolute;
top: calc(100% + 12px);
left: -12px;
width: 240px;
padding: 16px 12px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0;
background: #F1F1F1;
opacity: 0;
visibility: hidden;
transform: translateY(-4px);
transition: opacity 300ms ease-out, transform 300ms ease-out, visibility 300ms;
z-index: 100;
}
.nav-item--has-children:hover .nav-submenu,
.nav-item--has-children:focus-within .nav-submenu {
opacity: 1;
visibility: visible;
transform: translateY(0);
}
.nav-submenu-item {
display: flex;
align-items: center;
width: 216px;
height: 38px;
padding: 8px;
box-sizing: border-box;
color: var(--color-navy-900);
font-family: var(--font-sans);
font-weight: 400;
font-size: 16px;
line-height: 22.4px;
text-decoration: none;
transition: background-color 200ms ease-out;
} .nav-submenu-item:hover,
.nav-submenu-item:focus-visible {
background: transparent;
text-decoration: underline;
text-decoration-thickness: 1px;
text-decoration-color: currentColor;
text-underline-offset: 4px;
}
.nav-content {
display: inline-flex;
align-items: center;
gap: 2px;
}
.nav-chevron {
display: inline-flex;
align-items: flex-start;
justify-content: center;
width: 16px;
height: 18px;
padding-top: 2px;
} .nav-chevron svg {
display: block;
width: 16px;
height: 16px;
color: currentColor;
transition: transform 300ms ease-out;
}
.nav-item--has-children:hover .nav-chevron svg,
.nav-item--has-children:focus-within .nav-chevron svg {
transform: rotate(180deg);
}
.site-header-cta {
flex: 0 0 auto;
} .primary-nav__cta {
display: none;
} .menu-toggle {
display: none;
position: relative;
width: 44px;
height: 44px;
padding: 0;
margin: 0;
background: transparent;
border: 0;
cursor: pointer;
color: var(--color-white);
-webkit-tap-highlight-color: transparent;
}
.menu-toggle__bar {
position: absolute;
left: 8px;
right: 8px;
height: 2px;
background: currentColor;
border-radius: 2px;
transition: transform 250ms ease-out, opacity 200ms ease-out, top 250ms ease-out;
}
.menu-toggle__bar:nth-child(1) { top: 14px; }
.menu-toggle__bar:nth-child(2) { top: 21px; }
.menu-toggle__bar:nth-child(3) { top: 28px; }
.site-header.is-menu-open .menu-toggle__bar:nth-child(1) {
top: 21px;
transform: rotate(45deg);
}
.site-header.is-menu-open .menu-toggle__bar:nth-child(2) {
opacity: 0;
}
.site-header.is-menu-open .menu-toggle__bar:nth-child(3) {
top: 21px;
transform: rotate(-45deg);
}
.menu-toggle:focus-visible {
outline: 2px solid var(--color-blue-300);
outline-offset: 2px;
} html:has(body.has-menu-open),
body.has-menu-open {
overflow: hidden;
touch-action: none;
} .hero {
position: relative;
width: 100%;
background: var(--color-navy-900);
overflow: hidden;
}
.hero-inner {
position: relative;
width: 100%;
max-width: 1440px;
height: 943px;
margin: 0 auto;
overflow: hidden;
} .hero-circle {
position: absolute;
left: 411px;
top: 161px;
width: 618px;
height: 618px;
border-radius: 50%;
overflow: hidden;
isolation: isolate;
background-color: var(--color-navy-900);
background-size: 1206px 678px;
background-position: -307px -59px;
background-repeat: no-repeat;
box-shadow: 0 14px 150px 0 rgba(255, 255, 255, 0.15);
} .hero-circle__video {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
z-index: 1;
} .hero-circle::after {
content: '';
position: absolute;
inset: 0;
background: var(--color-navy-overlay);
z-index: 2;
pointer-events: none;
} .hero-headline {
position: absolute;
inset: 0;
margin: 0;
overflow: hidden;
pointer-events: none;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
color: var(--color-white);
}
.hero-line {
position: absolute;
display: block;
}
.hero-line--1 {
left: 57px;
top: 170px;
font-size: var(--fs-h1-mega-1);
line-height: var(--lh-h1-mega-1);
white-space: nowrap;
}
.hero-line--2 {
left: 57px;
top: 316px;
font-size: var(--fs-h1-mega-1);
line-height: var(--lh-h1-mega-1);
white-space: nowrap;
}
.hero-line--3 {
right: 57px;
top: 507px;
width: 100%;
font-size: var(--fs-h1-mega-2);
line-height: var(--lh-h1-mega-2);
text-align:right;
}
.hero-line--4 {
left: 57px;
top: 606px; width: 669px;
font-size: var(--fs-h1-mega-2);
line-height: var(--lh-h1-mega-2);
} .hero-lede {
position: absolute;
left: 60px;
top: 735px;
width: 411px;
display: flex;
flex-direction: column;
gap: 36px;
}
.hero-lede-rule {
display: block;
width: 100px;
height: 1px;
background: var(--color-white);
}
.hero-lede-text {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-l);
line-height: var(--lh-body-l);
color: var(--color-white);
} .hero-lede-text > p {
margin: 0;
font: inherit;
color: inherit;
}
.hero-lede-text > p + p {
margin-top: 12px;
} .lede {
background: var(--color-white);
padding: 80px 150px 100px;
color: var(--color-navy-900);
}
.lede-inner {
max-width: 1140px;
margin: 0 auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
}
.lede-text {
width: 100%;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-medium);
font-size: var(--fs-lede);
line-height: var(--lh-lede);
color: var(--color-navy-900);
} .lede-text-accent {
color: var(--color-blue-500);
} .hl {
color: var(--color-blue-500);
} .lede-text > p {
margin: 0;
font: inherit;
color: inherit;
}
.lede-text > p + p {
margin-top: 16px;
} .twin-cards {
background: var(--color-white);
}
.twin-cards-inner {
position: relative;
width: 100%;
max-width: 1320px;
height: 637px;
margin: 0 auto;
background: var(--color-gray-50);
} .twin-cards-text {
position: absolute;
left: 90px;
top: 210px;
width: 487px;
}
.twin-cards-heading {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: var(--color-navy-900);
} .twin-cards-body {
width: 457px;
margin: 24px 0 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-l);
line-height: var(--lh-body-l);
color: var(--color-navy-900);
} .twin-cards-carousel {
position: absolute;
left: 634px;
top: 0;
width: 523px;
height: 637px;
overflow-y: auto;
overflow-x: hidden;
scroll-snap-type: y mandatory;
scroll-behavior: smooth;
overscroll-behavior: contain;
-webkit-overflow-scrolling: touch;
scrollbar-width: none; }
.twin-cards-carousel::-webkit-scrollbar { display: none; } .twin-cards-carousel:focus-visible {
outline: 2px solid var(--color-blue-300);
outline-offset: 4px;
} .twin-cards-carousel-track {
display: flex;
flex-direction: column;
align-items: center;
gap: 32px;
padding: 61px 0 109px; } .twin-cards-kreis {
flex: 0 0 auto;
width: 466px;
height: 466px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
scroll-snap-align: center;
scroll-snap-stop: always;
transition: transform 0.3s ease;
}
.twin-cards-kreis:hover,
.twin-cards-kreis:focus-within {
transform: scale(1.05);
} .twin-cards-kreis--operate   { background: var(--color-blue-700); } .twin-cards-kreis--transform { background: var(--color-blue-500); } .twin-cards-kreis--invent    { background: var(--color-blue-300); }  .kreis-content {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 23px;
width: 341px;
height: 207px;
text-align: center;
color: var(--color-white);
}
.kreis-title {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: inherit;
}
.kreis-body {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: inherit;
} .kreis-body > p {
margin: 0;
font: inherit;
color: inherit;
}
.kreis-body > p + p {
margin-top: 8px;
}
.site-main.legal-page.legal-page--impressum{
background:white;
}
.site-main.legal-page.legal-page--impressum h2, .site-main.legal-page.legal-page--impressum h3 {
color: var(--color-navy-900);
} .leistungen-teaser {
position: relative;
}
.leistungen-teaser__sticky { display: block;
} .leistungen-teaser[data-mode="sticky"] {
height: calc(var(--lt-count, 3) * 65vh);
}
.leistungen-teaser[data-mode="sticky"] .leistungen-teaser__sticky {
position: sticky;
top: 90px;
height: 650px;
display: flex;
align-items: center;
justify-content: center;
margin-top: 80px;
margin-bottom: 80px;
}
.leistungen-teaser[data-mode="sticky"] .twin-cards-inner {
margin-top: 0;
margin-bottom: 0;
}
.leistungen-teaser[data-mode="sticky"] .twin-cards-carousel {
overflow: hidden;
scroll-snap-type: none;
}
.leistungen-teaser[data-mode="sticky"] .twin-cards-carousel:focus-visible { outline: none;
}
.leistungen-teaser[data-mode="sticky"] .twin-cards-carousel-track {
transform: translateY(calc(var(--lt-progress, 0) * -498px));
transition: transform 80ms linear;
will-change: transform;
}
@media (prefers-reduced-motion: reduce) { .leistungen-teaser[data-mode="sticky"] {
height: auto;
}
.leistungen-teaser[data-mode="sticky"] .leistungen-teaser__sticky {
position: static;
height: auto;
display: block;
}
.leistungen-teaser[data-mode="sticky"] .twin-cards-carousel-track {
transform: none;
transition: none;
}
} .projekte-insights {
background: var(--color-navy-900);
padding: 80px 0;
}
.projekte-inner {
width: 1140px;
max-width: 1140px;
margin: 0 auto;
} .projekte-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.projekte-heading {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-section);
line-height: var(--lh-h2-section);
color: var(--color-white);
} .projekte-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-top: 40px;
}
.projekte-col {
display: contents;
}
@media (max-width: 1279px) {
.projekte-grid {
grid-template-columns: repeat(2, 1fr);
gap: 24px;
}
}
@media (max-width: 767px) {
.projekte-grid {
grid-template-columns: 1fr;
gap: 20px;
}
}
@media (max-width: 991px) {
.site-main .leistungen-zielbild-cards__grid, .site-main .leistungen-transformieren__grid {
grid-template-columns: repeat(2, 1fr) !important;
}
}
@media (max-width: 600px) {
.site-main .leistungen-zielbild-cards__grid, .site-main .leistungen-transformieren__grid {
grid-template-columns: repeat(1, 1fr) !important;
}
} .insight-card {
display: flex;
flex-direction: column;
overflow: hidden;
cursor: pointer;
color: inherit;
text-decoration: none;
background: var(--color-white);
height: 100%;
}
a.insight-card:focus-visible {
outline: 2px solid var(--color-blue-300);
outline-offset: 2px;
}
.insight-card-image {
width: 100%;
height: 240px;
flex-shrink: 0;
background-size: cover;
background-position: center;
transition: transform 0.3s ease-out;
background-color: var(--color-blue-gray);
position: relative;
overflow: hidden;
}
.insight-card-image-placeholder {
position: absolute;
inset: 0;
background: var(--color-blue-gray);
} .insight-card:hover .insight-card-image {
transform: scale(1.06);
}
.insight-card:hover .insight-card-title {
text-decoration: underline;
text-underline-offset: 4px;
}
.insight-card-text {
display: flex;
flex-direction: column;
gap: 12px;
padding: 24px 16px;
color: var(--color-text-dark);
flex-grow: 1;
} .insight-card--navy-950 { background: var(--color-navy-950); }
.insight-card--blue-gray { background: var(--color-blue-gray); }
.insight-card--blue-800 { background: var(--color-blue-800); }
.insight-card--navy-950 .insight-card-text,
.insight-card--blue-gray .insight-card-text,
.insight-card--blue-800 .insight-card-text {
color: var(--color-white);
}
.insight-card--navy-950 .insight-card-meta,
.insight-card--blue-gray .insight-card-meta,
.insight-card--blue-800 .insight-card-meta {
color: var(--color-blue-300); }  .insight-card.insight-card--color-1 { background: var(--color-slate-700); }
.insight-card.insight-card--color-1 .insight-card-text { color: var(--color-white); }
.insight-card.insight-card--color-1 .insight-card-meta { color: var(--color-white); } .insight-card.insight-card--color-2 { background: var(--color-white); }
.insight-card.insight-card--color-2 .insight-card-text { color: var(--color-navy-900); }
.insight-card.insight-card--color-2 .insight-card-meta { color: var(--color-navy-900); } .insight-card.insight-card--color-3 { background: var(--color-navy-900); }
.insight-card.insight-card--color-3 .insight-card-text { color: var(--color-white); }
.insight-card.insight-card--color-3 .insight-card-meta { color: var(--color-white); } .insight-card.insight-card--color-4 { background: var(--color-blue-700); }
.insight-card.insight-card--color-4 .insight-card-text { color: var(--color-white); }
.insight-card.insight-card--color-4 .insight-card-meta { color: var(--color-white); }
.insight-card-meta {
display: flex;
align-items: center;
gap: 8px;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-label-uc);
line-height: var(--lh-label-uc);
text-transform: uppercase;
color: var(--color-blue-800);
}
.insight-card-bullet {
width: 4px;
height: 4px;
border-radius: 50%;
background: currentColor;
}
.insight-card-headline {
display: flex;
flex-direction: column;
gap: 12px;
}
.insight-card-title {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-m);
line-height: var(--lh-card-title-m);
color: inherit;
hyphens:auto;
}
.insight-card-body {
display: none;
} .insight-card--case-study .insight-card-text,
.insight-card--insight-navy .insight-card-text,
.insight-card--insight-blue .insight-card-text,
.insight-card--teaser .insight-card-text {
height: auto;
} section.karriere {
background: var(--color-white);
padding: 100px 0;
}
section.karriere .karriere-inner {
width: 1320px;
max-width: 1320px;
margin: 0 auto;
} .karriere-text-row {
width: 1140px;
margin: 0 auto;
display: flex;
justify-content: space-between;
align-items: flex-start;
gap: 62px;
}
.karriere-heading {
margin: 0;
width: 525px;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: var(--color-navy-900);
}
.karriere-text-block {
width: 553px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 24px;
}
.karriere-body {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-l);
line-height: var(--lh-body-l);
color: var(--color-navy-900);
} .karriere-body > p {
margin: 0;
font: inherit;
color: inherit;
}
.karriere-body > p + p {
margin-top: 12px;
} .karriere-images {
margin-top: 64px;
display: flex;
gap: 20px;
align-items: flex-start;
}
.karriere-image {
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
.karriere-image--lounge  { width: 390px; height: 390px; }
.karriere-image--meeting { width: 240px; height: 240px; }
.karriere-image--welcome { width: 240px; height: 240px; margin-top: 150px; }
.karriere-image--team    { width: 390px; height: 390px; } .site-footer {
position: relative;
width: 100%;
height: auto;
background: var(--color-navy-900);
overflow: hidden;
}
.site-footer-inner {
position: relative;
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 100px 60px 80px;
display: flex;
flex-direction: column;
align-items: center;
gap: 48px;
} .site-footer__circle {
position: relative;
width: 222px;
height: 222px;
border-radius: var(--radius-circle);
overflow: hidden;
isolation: isolate;
}
.site-footer__circle img,
.site-footer__circle-video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.site-footer__circle::after {
content: '';
position: absolute;
inset: 0;
background: var(--color-navy-overlay);
pointer-events: none;
} .site-footer__lets-talk {
position: relative;
width: 185px;
display: flex;
flex-direction: column;
align-items: center;
color: var(--color-white);
text-decoration: none;
}
.site-footer__lets-talk-text {
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-let-talk);
line-height: var(--lh-h2-let-talk);
}
.site-footer__lets-talk-underline {
width: 185px;
height: 3px;
background: var(--color-white);
transform-origin: right center;
transition: transform 300ms ease-out;
}
.site-footer__lets-talk:hover .site-footer__lets-talk-underline,
.site-footer__lets-talk:focus-visible .site-footer__lets-talk-underline {
transform: scaleX(0);
} .site-footer__address {
position: relative;
width: 100%;
max-width: 258px;
margin: 0;
font-family: var(--font-sans);
font-style: normal;
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-white);
text-align: center;
}
.site-footer__address a {
color: inherit;
text-decoration: none;
transition: var(--transition-default);
}
.site-footer__address a:hover { color: var(--color-blue-300); } .site-footer__socials {
position: relative;
display: flex;
align-items: center;
gap: 2px;
margin: 0;
padding: 0;
list-style: none;
}
.site-footer__social {
width: 48px;
height: 48px;
padding: 12px;
border-radius: var(--radius-pill);
background: var(--color-navy-900);
display: inline-flex;
align-items: center;
justify-content: center;
color: var(--color-white);
transition: var(--transition-default);
} .site-footer__social:hover { background: var(--color-blue-500); }
.site-footer__social img {
width: 24px;
height: 24px;
display: block;
} .site-footer__wordmark {
position: relative;
width: 100%;
max-width: 1339px;
height: auto;
}
.site-footer__wordmark img {
width: 100%;
height: 100%;
display: block;
} .site-footer__legal {
position: relative;
width: auto;
display: flex;
align-items: center;
gap: 19px;
}
.site-footer__legal-link {
display: inline-flex;
align-items: center;
gap: 7px;
color: var(--color-white);
text-decoration: none;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-nav);
line-height: var(--lh-nav);
} .site-footer__legal-marker {
width: 10px;
height: 10px;
border-radius: var(--radius-circle);
background: var(--color-white);
opacity: 0;
flex-shrink: 0;
transition: opacity 300ms ease-out;
}
.site-footer__legal-link:hover .site-footer__legal-marker,
.site-footer__legal-link:focus-visible .site-footer__legal-marker {
opacity: 1;
}  .header-unterseite {
position: relative;
padding: 200px 60px 80px;
color: #fff;
background: var(--color-dark, #17001e);
}
.header-unterseite--schmal { padding-top: 160px; padding-bottom: 64px; }
.header-unterseite--farbig_blau    { background: var(--color-blue-700, #00509e); }
.header-unterseite--farbig_cyan    { background: var(--color-cyan-500, #00b5e2); }
.header-unterseite--farbig_invent  { background: var(--color-blue-300, #4cb6f0); }
.header-unterseite--farbig_branche { background: var(--color-blue-500, #006ED3); }
.header-unterseite__inner {
display: flex;
justify-content: space-between;
align-items: center;
gap: 64px;
max-width: 1320px;
margin: 0 auto;
}
.header-unterseite--visual-bild_unten .header-unterseite__inner { flex-direction: column; align-items: stretch; }
.header-unterseite__text { flex: 1 1 auto; min-width: 0; }
.header-unterseite__title {
margin: 0;
font: 600 96px/0.95 var(--font-display, 'IBM Plex Sans'), sans-serif;
letter-spacing: -0.02em;
}
.header-unterseite__sub {
margin: 24px 0 0;
max-width: 540px;
font: 500 22px/1.45 var(--font-body, 'IBM Plex Sans'), sans-serif;
color: inherit;
}
.header-unterseite__visual {
flex: 0 0 auto;
background-size: cover;
background-position: center;
border-radius: 50%;
}
.header-unterseite__visual--bild_rechts { width: 380px; height: 380px; }
.header-unterseite__visual--bild_mitte  { width: 320px; height: 320px; }
.header-unterseite__visual--bild_unten  { width: 100%; height: 320px; border-radius: 16px; margin-top: 32px; } .bunte-cards {
padding: 66px 60px;
background: #fff;
}
.bunte-cards__inner {
max-width: 1140px;
margin: 0 auto;
}
.bunte-cards__heading {
margin: 0 0 24px;
font: 600 var(--fs-h2-card, 42px)/var(--lh-h2-card, 1.1) var(--font-display, 'IBM Plex Sans'), sans-serif;
color: var(--color-dark, #17001e);
}
.bunte-cards__intro {
width: 945px;
max-width: 100%;
margin: 0 0 48px;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-size: var(--fs-body-l, 20px);
line-height: var(--lh-body-l, 1.4);
font-weight: var(--fw-regular, 400);
color: #00101E;
}
.bunte-cards__grid {
display: grid;
gap: 32px;
}
.bunte-cards__grid--cols-1 { grid-template-columns: 1fr; }
.bunte-cards__grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.bunte-cards__grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.bunte-cards__grid--cols-4 { grid-template-columns: repeat(4, 1fr); }
.bunte-card {
padding: 40px 32px;
background: var(--color-blue-500, #006ED3);
color: #fff;
border-radius: 8px;
}
.bunte-card__title {
margin: 0 0 16px;
font: 600 24px/1.2 var(--font-display, 'IBM Plex Sans'), sans-serif;
}
.bunte-card__body { font: 400 16px/1.5 var(--font-body, 'IBM Plex Sans'), sans-serif; }
.bunte-card__body > p { margin: 0 0 12px; font-size:18px; }
.bunte-card__body > p:last-child { margin-bottom: 0; }   @media (min-width: 1024px) {
.swiper.leistungen-cases__swiper {
position: absolute;
left: 0;
top: 88px;
height: 436px;
width: 100%;
overflow: visible; }
.leistungen-cases__swiper .swiper-slide.leistungen-cases__teaser {
display: flex;
flex-direction: row;
width: 1140px; height: 436px;
flex-shrink: 0;
}
} @media (max-width: 1023px) {
.swiper.leistungen-cases__swiper {
position: static;
width: 100%;
height: auto;
overflow: hidden;
}
.leistungen-cases__swiper .swiper-slide.leistungen-cases__teaser {
display: flex;
flex-direction: column;
width: 100%;
height: auto;
flex-shrink: 0;
}
}
.leistungen-cases__arrow.is-disabled,
.leistungen-cases__arrow[aria-disabled="true"] {
opacity: 0.35;
cursor: not-allowed;
} .leistungen-prozess { --prozess-cursor-y: 0; }
.leistungen-prozess__cursor {
position: absolute;
top: 0;
left: 50%;
width: 0;
height: 100%;
pointer-events: none;
transform: translateX(-50%);
}
.leistungen-prozess__cursor::after {
content: '';
position: absolute;
left: -7px;
top: calc(var(--prozess-cursor-y, 0) * 100%);
width: 14px;
height: 14px;
border-radius: 50%;
background: #fff;
box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.18);
transition: top 240ms cubic-bezier(0.4, 0.0, 0.2, 1);
}
@media (prefers-reduced-motion: reduce) {
.leistungen-prozess__cursor::after { transition: none; }
} .page-template-page-leistungen-transform .lede {
background: #fff;
padding: 80px 60px 80px;
}
.page-template-page-leistungen-transform .lede-inner {
max-width: 1140px;
margin: 0 auto;
text-align: center;
}
.page-template-page-leistungen-transform .lede-text {
font: 500 32px/1.3 var(--font-body, 'IBM Plex Sans'), sans-serif;
color: var(--color-dark, #17001e);
} .buzzwords {
position: relative;
width: 100%;
background: var(--color-white, #fff);
padding: 0 40px 100px;
box-sizing: border-box;
}
.buzzwords__inner {
width: 1140px;
max-width: 100%;
margin: 0 auto;
}
.buzzwords__heading {
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-semibold, 600);
font-size: var(--fs-h2-card, 42px);
line-height: var(--lh-h2-card, 1.1);
color: var(--color-navy-900, #00101e);
}
.buzzwords__description {
margin: 24px 0 0 0;
max-width: 945px;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-regular, 400);
font-size: var(--fs-body-l, 20px);
line-height: var(--lh-body-l, 1.4);
color: var(--color-navy-900, #00101e);
}
.buzzwords__description > p { margin: 0; }
.buzzwords__description > p + p { margin-top: 0.5em; }
.buzzwords__list {
margin: 40px 0 0 0;
padding: 0;
list-style: none;
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-auto-flow: column;
grid-template-rows: repeat(var(--buzzwords-rows, 4), 76px);
column-gap: 30px;
}
.buzzwords__item {
height: 76px;
padding: 24px 0;
box-sizing: border-box;
display: flex;
align-items: center;
margin: 0;
border-top: 1px solid var(--color-navy-900, #00101e);
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-semibold, 600);
font-size: var(--fs-body-l, 20px);
line-height: var(--lh-body-l, 1.4);
color: var(--color-navy-900, #00101e);
} .buzzwords__item--column-bottom {
border-bottom: 1px solid var(--color-navy-900, #00101e);
}  .page-template-page-leistungen-operate .lede {
background: var(--color-white, #fff);
padding: 80px 150px 100px;
}
.page-template-page-leistungen-operate .lede-inner {
width: 100%;
max-width: 1140px;
margin: 0 auto;
text-align: left;
}
.page-template-page-leistungen-operate .lede-text {
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-medium, 500);
font-size: var(--fs-lede, 32px);
line-height: var(--lh-lede, 1.3);
color: var(--color-navy-900, #00101e);
} .page-template-page-leistungen-operate .leistungen-zielbild-cards {
position: relative;
width: 100%;
background: var(--color-white, #fff);
padding: 0 150px 100px;
box-sizing: border-box;
}
.page-template-page-leistungen-operate .leistungen-zielbild-cards__inner {
width: 1140px;
max-width: 100%;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 40px;
}
.page-template-page-leistungen-operate .leistungen-zielbild-cards__heading {
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-semibold, 600);
font-size: var(--fs-h2-card, 42px);
line-height: var(--lh-h2-card, 1.1);
color: var(--color-navy-900, #00101e);
text-align: left;
}
.page-template-page-leistungen-operate .leistungen-zielbild-cards__grid {
display: flex;
flex-direction: row;
gap: 30px;
}
.page-template-page-leistungen-operate .leistungen-service-card {
flex: 0 0 360px;
width: 360px;
height: 100%;
box-sizing: border-box;
background: var(--color-gray-50, #f4f5f5);
border: none;
padding: 32px;
display: flex;
flex-direction: column;
gap: 12px;
}
.page-template-page-leistungen-operate .leistungen-service-card__title {
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-semibold, 600);
font-size: 24px;
line-height: var(--lh-card-title-l, 1.1);
color: var(--color-navy-900, #00101e);
}
.page-template-page-leistungen-operate .leistungen-service-card__body,
.page-template-page-leistungen-operate .leistungen-service-card__body > p {
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-regular, 400);
font-size: var(--fs-body-m, 18px);
line-height: var(--lh-body-m, 1.4);
color: var(--color-navy-900, #00101e);
} .page-template-page-leistungen-invent .lede {
background: var(--color-white, #fff);
padding: 80px 150px 100px 150px;
}
.page-template-page-leistungen-invent .lede-inner {
width: 1140px;
max-width: 100%;
margin: 0 auto;
text-align: left;
}
.page-template-page-leistungen-invent .lede-text {
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-medium, 500);
font-size: 32px;
line-height: 1.3;
color: var(--color-navy-900, #00101e);
} .page-template-page-branche-detail .lede {
background: var(--color-white, #fff);
padding: 80px 150px 100px 150px;
}
.page-template-page-branche-detail .lede-inner {
width: 1140px;
max-width: 100%;
margin: 0 auto;
text-align: left;
}
.page-template-page-branche-detail .lede-text {
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-medium, 500);
font-size: var(--fs-lede, 32px);
line-height: var(--lh-lede, 1.3);
color: var(--color-navy-900, #00101e);
text-align: left;
}
.page-template-page-branche-detail .leistungen-transformieren {
padding: 100px 150px;
background: var(--color-white, #fff);
box-sizing: border-box;
}
.page-template-page-branche-detail .leistungen-transformieren__inner {
margin: 0 auto;
max-width: 1140px;
}
.page-template-page-branche-detail .leistungen-transformieren__heading {
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-semibold, 600);
font-size: var(--fs-h2-card, 42px);
line-height: var(--lh-h2-card, 1.1);
color: var(--color-navy-900, #00101e);
}
.page-template-page-branche-detail .leistungen-transformieren__intro {
margin: 24px 0 0;
max-width: 945px;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-regular, 400);
font-size: var(--fs-body-l, 20px);
line-height: var(--lh-body-l, 1.4);
color: var(--color-navy-900, #00101e);
}
.page-template-page-branche-detail .leistungen-transformieren__grid {
display: grid;
grid-template-columns: repeat(3, 360px);
gap: 30px;
grid-auto-rows: 1fr;
margin: 40px 0 0;
justify-content: start;
}
.page-template-page-branche-detail .leistungen-transformieren .leistungen-service-card {
width: 360px;
padding: 32px;
box-sizing: border-box;
background: var(--color-gray-50, #F1F1F1);
border: 0;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.page-template-page-branche-detail .leistungen-transformieren .leistungen-service-card--body-only .leistungen-service-card__body,
.page-template-page-branche-detail .leistungen-transformieren .leistungen-service-card .leistungen-service-card__body {
color: var(--color-navy-900, #00101e);
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-medium, 500);
font-size: 28px;
line-height: 1.1;
}
.page-template-page-branche-detail .leistungen-transformieren .leistungen-service-card__body p {
margin: 0;
} .insights-teaser {
box-sizing: border-box;
} .page-template-page-ueber-uns .lede {
width: 100%;
padding: 80px 0 0;
background: var(--color-white, #fff);
}
.page-template-page-ueber-uns .lede-inner {
max-width: 1140px;
margin: 0 auto;
text-align: left;
}
.page-template-page-ueber-uns .lede-text {
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-medium, 500);
font-size: var(--fs-lede, 32px);
line-height: var(--lh-lede, 1.3);
color: var(--color-navy-900, #00101e);
text-align: left;
}
.page-template-page-ueber-uns .lede-text > p {
margin: 0;
font-size: inherit;
line-height: inherit;
}
.page-template-page-ueber-uns .lede-text .hl,
.page-template-page-ueber-uns .lede-text-accent {
color: var(--color-blue-500, #006ED3);
}
.page-template-page-ueber-uns .leistungen-zielbild-cards {
width: 100%;
padding: 80px 0 0;
background: var(--color-white, #fff);
box-sizing: border-box;
}
.page-template-page-ueber-uns .leistungen-zielbild-cards__inner {
max-width: 1140px;
margin: 0 auto;
}
.page-template-page-ueber-uns .leistungen-zielbild-cards__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 30px;
}
.page-template-page-ueber-uns .leistungen-zielbild-cards .leistungen-service-card {
height: 100%;
padding: 32px;
background: var(--color-gray-50, #F1F1F1);
border: 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.page-template-page-ueber-uns .leistungen-zielbild-cards .leistungen-service-card__body {
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-medium, 500);
font-size: var(--fs-card-title-l, 28px);
line-height: var(--lh-card-title-l, 1.1);
color: var(--color-navy-900, #00101e);
}
.page-template-page-ueber-uns .leistungen-zielbild-cards .leistungen-service-card__body p {
margin: 0;
}  .page-template-page-karriere .lede {
width: 100%;
padding: 80px 0 0;
background: var(--color-white, #fff);
}
.page-template-page-karriere .lede-inner {
width: 1140px;
max-width: 100%;
margin: 0 auto;
text-align: left;
}
.page-template-page-karriere .lede-text {
width: 100%;
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-size: var(--fs-lede, 32px);
line-height: var(--lh-lede, 1.3);
font-weight: var(--fw-medium, 500);
color: var(--color-navy-900, #00101e);
text-align: left;
}
.page-template-page-karriere .lede-text > p {
margin: 0;
font-size: inherit;
line-height: inherit;
}
.page-template-page-karriere .lede-text .hl,
.page-template-page-karriere .lede-text-accent {
color: var(--color-blue-500, #006ED3);
} .page-template-page-karriere .bunte-cards {
width: 100%;
padding: 100px 0 0;
background: var(--color-white, #fff);
}
.page-template-page-karriere .bunte-cards__inner {
width: 1140px;
max-width: 100%;
margin: 0 auto;
}
.page-template-page-karriere .bunte-cards__heading {
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-size: var(--fs-h2-card, 42px);
line-height: var(--lh-h2-card, 1.1);
font-weight: var(--fw-semibold, 600);
color: var(--color-navy-900, #00101e);
}
.page-template-page-karriere .bunte-cards__intro {
width: 945px;
max-width: 100%;
margin: 24px 0 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-size: var(--fs-body-l, 20px);
line-height: var(--lh-body-l, 1.4);
font-weight: var(--fw-regular, 400);
color: var(--color-navy-900);
}
.page-template-page-karriere .bunte-cards__intro > p {
margin: 0;
}
.page-template-page-karriere .bunte-cards__grid {
display: flex;
gap: 30px;
margin-top: 40px;
}
.page-template-page-karriere .bunte-card {
width: 360px;
height: 213px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 12px;
color: var(--color-white, #fff);
background: var(--color-blue-500, #006ED3);
box-sizing: border-box;
} .page-template-page-karriere .bunte-card:nth-child(3n+1) { background: var(--color-blue-500, #006ED3); }
.page-template-page-karriere .bunte-card:nth-child(3n+2) { background: var(--color-blue-700, #004079); }
.page-template-page-karriere .bunte-card:nth-child(3n+3) { background: var(--color-navy-800, #0F1C44); }
.page-template-page-karriere .bunte-card__title {
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-size: var(--fs-card-title-l, 28px);
line-height: var(--lh-card-title-l, 1.1);
font-weight: var(--fw-semibold, 600);
color: var(--color-white, #fff);
}
.page-template-page-karriere .bunte-card__body {
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-size: var(--fs-body-m, 18px);
line-height: var(--lh-body-m, 1.4);
font-weight: var(--fw-regular, 400);
color: var(--color-white, #fff);
}
.page-template-page-karriere .bunte-card__body > p {
margin: 0;
} .page-template-page-karriere .karriere-benefits__grid {
grid-auto-rows: auto;
}
.page-template-page-karriere .karriere-benefits__card {
display: grid;
grid-template-columns: 48px 1fr;
grid-template-rows: subgrid;
grid-row: span 2;
column-gap: 20px;
padding: 0 8px 0 0;
align-items: start;
}
.page-template-page-karriere .karriere-benefits__icon {
grid-column: 1;
grid-row: 1 / span 2;
align-self: start;
}
.page-template-page-karriere .karriere-benefits__content {
display: contents;
}
.page-template-page-karriere .karriere-benefits__title {
grid-column: 2;
grid-row: 1;
}
.page-template-page-karriere .karriere-benefits__body {
grid-column: 2;
grid-row: 2;
margin: 0;
}
.page-template-page-karriere .karriere-benefits__body > p {
margin: 0;
} .page-template-page-karriere .instagram {
width: 100%;
margin: 100px auto 0;
}
.page-template-page-karriere .instagram__inner {
width: 1321px;
max-width: 100%;
margin: 0 auto;
}
.page-template-page-karriere .instagram__iframe {
display: block;
width: 100%;
max-width: 1321px;
aspect-ratio: 1321 / 471;
border: 0;
} @media (max-width: 1279px) {
.page-template-page-karriere .bunte-cards__inner {
max-width: calc(100% - 120px);
}
.page-template-page-karriere .bunte-cards__grid {
gap: 24px;
}
.page-template-page-karriere .bunte-card {
flex: 1 1 0;
min-width: 0;
width: auto;
}
}
@media (max-width: 1023px) {
.page-template-page-karriere .lede-inner,
.page-template-page-karriere .bunte-cards__inner {
max-width: calc(100% - 80px);
}
.page-template-page-karriere .lede-text {
font-size: 24px;
line-height: 32px;
}
.page-template-page-karriere .bunte-cards__grid {
flex-direction: column;
gap: 16px;
}
.page-template-page-karriere .bunte-card {
flex: 0 0 auto;
width: 100%;
height: auto;
min-height: 180px;
} .page-template-page-karriere .karriere-benefits__card {
grid-template-rows: auto auto;
grid-row: auto;
}
}
@media (max-width: 767px) {
.page-template-page-karriere .lede-inner,
.page-template-page-karriere .bunte-cards__inner {
max-width: calc(100% - 48px);
}
.page-template-page-karriere .lede-text {
font-size: 20px;
line-height: 28px;
}
.page-template-page-karriere .bunte-cards__heading {
font-size: 32px;
line-height: 36px;
}
.page-template-page-karriere .bunte-card {
padding: 24px;
min-height: 0;
}
.page-template-page-karriere .bunte-card__title {
font-size: 24px;
line-height: 28px;
}
}
@media (max-width: 479px) {
.page-template-page-karriere .lede-inner,
.page-template-page-karriere .bunte-cards__inner {
max-width: calc(100% - 40px);
}
}  .kontaktformular__intro p { margin: 0; }
.kontaktformular__intro p + p { margin-top: 12px; }  .kontaktformular__form-wrap {
position: relative;
left: auto;
top: auto;
width: 750px;
margin: 282px 0 0 193px;
padding-bottom: 80px;
}
@media (max-width: 1439px) {
.kontaktformular__form-wrap {
width: 100%;
max-width: 100%;
margin: 36px 0 0;
padding-bottom: 0;
}
} .kontakt-form-section-inner {
height: auto;
min-height: 1157px;
}
.kontakt-form-panel {
position: relative;
left: auto;
top: auto;
margin: 0 auto 0 152px;
height: auto;
min-height: 1157px; display: flow-root;
} @media (max-width: 1439px) {
.kontakt-form-section-inner {
max-width: none;
padding: 0 60px;
box-sizing: border-box;
}
.kontakt-form-panel {
width: 100%;
max-width: 1138px;
margin: 0 auto !important; padding: 80px 90px;
min-height: 0;
}
}
@media (max-width: 1023px) {
.kontakt-form-section-inner { padding: 0 40px; }
.kontakt-form-panel         { padding: 56px 40px; }
}
@media (max-width: 767px) {
.kontakt-form-section-inner { padding: 0 24px; }
.kontakt-form-panel         { padding: 48px 24px; }
.bunte-cards {
padding: 30px 20px;
}
}
@media (max-width: 479px) {
.kontakt-form-section-inner { padding: 0 16px; }
.kontakt-form-panel         { padding: 40px 20px; }
}
.kontaktformular__form-wrap .wpcf7,
.kontaktformular__form-wrap .wpcf7-form {
margin: 0;
padding: 0;
}
.kontaktformular__form-wrap .wpcf7-form {
display: flex;
flex-direction: column;
gap: 24px;
} .kontaktformular__form-wrap .kt-row {
display: grid;
grid-template-columns: 1fr;
gap: 24px;
margin: 0;
}
.kontaktformular__form-wrap .kt-row--full {
grid-template-columns: 1fr;
} .kontaktformular__form-wrap .kt-row > * {
min-width: 0;
} .kontaktformular__form-wrap .kt-field {
display: block;
margin: 0;
padding: 0;
font: inherit;
color: inherit;
min-width: 0;
}
.kontaktformular__form-wrap .kt-field .wpcf7-form-control-wrap {
display: block;
width: 100%;
}
.kontaktformular__form-wrap .wpcf7-form input[type="text"],
.kontaktformular__form-wrap .wpcf7-form input[type="email"],
.kontaktformular__form-wrap .wpcf7-form input[type="tel"] {
display: block;
width: 100%;
height: 52px;
margin: 0;
padding: 11px 16px;
background: var(--color-white);
border: 1px solid var(--color-navy-900);
border-radius: 0;
font-family: var(--font-sans);
font-size: var(--fs-filter-label);
line-height: var(--lh-filter-label);
font-weight: var(--fw-regular);
color: var(--color-navy-900);
appearance: none;
-webkit-appearance: none;
box-sizing: border-box;
transition: border-color 200ms ease-out, box-shadow 200ms ease-out;
}
.kontaktformular__form-wrap .wpcf7-form input::placeholder,
.kontaktformular__form-wrap .wpcf7-form textarea::placeholder {
color: var(--color-navy-900);
opacity: 1;
}
.kontaktformular__form-wrap .wpcf7-form input:focus,
.kontaktformular__form-wrap .wpcf7-form textarea:focus {
outline: none;
border-color: var(--color-blue-500);
box-shadow: 0 0 0 1px var(--color-blue-500);
}
.kontaktformular__form-wrap .wpcf7-form textarea {
display: block;
width: 100%;
height: 160px;
margin: 0;
padding: 16px;
background: var(--color-white);
border: 1px solid var(--color-blue-700);
border-radius: 0;
font-family: var(--font-sans);
font-size: var(--fs-filter-label);
line-height: var(--lh-filter-label);
font-weight: var(--fw-regular);
color: var(--color-navy-900);
resize: vertical;
box-sizing: border-box;
transition: border-color 200ms ease-out, box-shadow 200ms ease-out;
} .kontaktformular__form-wrap .wpcf7-form input.wpcf7-not-valid,
.kontaktformular__form-wrap .wpcf7-form textarea.wpcf7-not-valid {
border-color: #b91c1c;
}
.kontaktformular__form-wrap .wpcf7-not-valid-tip {
display: block;
margin-top: 6px;
font-size: 14px;
line-height: 1.4;
color: #b91c1c;
} .kontaktformular__form-wrap .kt-note p {
width: 100%;
max-width: 651px;
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-nav);
line-height: var(--lh-nav);
font-weight: var(--fw-regular);
color: var(--color-navy-900);
} .kontaktformular__form-wrap .kt-acceptance .wpcf7-acceptance,
.kontaktformular__form-wrap .kt-acceptance .wpcf7-form-control-wrap {
display: block;
}
.kontaktformular__form-wrap .kt-acceptance .wpcf7-list-item {
margin: 0;
padding: 0;
}
.kontaktformular__form-wrap .kt-acceptance label {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
font-weight: var(--fw-regular);
color: var(--color-navy-900);
cursor: pointer;
}
.kontaktformular__form-wrap .kt-acceptance input[type="checkbox"] {
flex-shrink: 0;
width: 20px;
height: 20px;
margin: 0;
background: var(--color-white);
border: 1px solid var(--color-navy-900);
border-radius: 0;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
display: inline-grid;
place-content: center;
box-sizing: border-box;
}
.kontaktformular__form-wrap .kt-acceptance input[type="checkbox"]:checked::before {
content: '';
width: 12px;
height: 12px;
background: var(--color-navy-900);
}
.kontaktformular__form-wrap .kt-acceptance input[type="checkbox"]:focus-visible {
outline: 2px solid var(--color-blue-500);
outline-offset: 2px;
}
.kontaktformular__form-wrap .kt-acceptance a {
color: var(--color-blue-500);
text-decoration: underline;
text-underline-offset: 2px;
}
.kontaktformular__form-wrap .kt-acceptance a:hover,
.kontaktformular__form-wrap .kt-acceptance a:focus-visible {
color: var(--color-navy-900);
} .kontaktformular__form-wrap .kt-submit {
display: flex;
flex-direction: column;
align-items: flex-end;
padding-top: 12px;
width: 100%;
}
.kontaktformular__form-wrap .wpcf7-submit {
display: inline-flex;
align-items: center;
justify-content: center;
width: 130px;
height: 52px;
padding: 12px 24px;
gap: 8px;
background: var(--color-blue-500);
border: 1px solid var(--color-blue-500);
border-radius: 0;
font-family: var(--font-sans);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
font-weight: var(--fw-regular);
color: var(--color-white);
cursor: pointer;
transition: var(--transition-default);
box-sizing: border-box;
}
.kontaktformular__form-wrap .wpcf7-submit:hover,
.kontaktformular__form-wrap .wpcf7-submit:focus-visible {
background: var(--color-navy-900);
border-color: var(--color-navy-900);
outline: none;
}
.kontaktformular__form-wrap .wpcf7-spinner {
margin: 0 0 0 12px;
}
.kontaktformular__form-wrap .wpcf7-response-output {
margin: 24px 0 0;
padding: 12px 16px;
border: 1px solid var(--color-navy-900);
border-radius: 0;
font-size: 14px;
line-height: 1.4;
color: var(--color-navy-900);
background: var(--color-white);
} .kontaktformular__form-wrap .wpcf7-form.invalid .wpcf7-response-output,
.kontaktformular__form-wrap .wpcf7-form.unaccepted .wpcf7-response-output,
.kontaktformular__form-wrap .wpcf7-form.payment-required .wpcf7-response-output {
border-color: #c0392b;
color: var(--color-navy-900);
background: #fdecea;
} .kontaktformular__form-wrap .wpcf7-form.sent .wpcf7-response-output {
border-color: #1a7f37;
color: var(--color-navy-900);
background: #e6f4ea;
} .kontaktformular__datenschutz {
position: relative;
width: 100%;
max-width: 750px;
margin: 24px 0 0;
font-family: var(--font-sans);
font-size: var(--fs-nav);
line-height: var(--lh-nav);
color: var(--color-navy-900);
}
@media (min-width: 1440px) {
.page-template-page-kontakt .kontaktformular__datenschutz {
position: absolute;
left: 193px;
top: 1080px;
margin: 0;
}
}
.kontaktformular__datenschutz p { margin: 0; }
.kontaktformular__datenschutz a {
color: var(--color-blue-500);
text-decoration: underline;
} .page-template-page-kontakt .leistungen-contact {
position: relative;
width: 100%;
padding: 100px 0;
margin: 0;
background: var(--color-white);
overflow: visible;
}
.page-template-page-kontakt .leistungen-contact__card {
position: relative;
width: 1139px;
max-width: 1139px;
height: 290px;
margin: 0 auto;
background: var(--color-white);
box-shadow: inset 0 0 0 1px var(--color-navy-900);
border-radius: 0;
padding: 0;
box-sizing: border-box;
overflow: hidden;
}
.page-template-page-kontakt .leistungen-contact__question {
position: absolute;
left: 32px;
top: 32px;
width: 359px;
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
font-weight: var(--fw-semibold);
color: var(--color-navy-900);
}
.page-template-page-kontakt .leistungen-contact__details {
position: absolute;
left: 421px;
top: 32px;
width: 228px;
height: 157px;
display: block;
gap: 0;
}
.page-template-page-kontakt .leistungen-contact__name {
position: absolute;
left: 0;
top: 0;
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
font-weight: var(--fw-semibold);
color: var(--color-navy-900);
}
.page-template-page-kontakt .leistungen-contact__role {
position: absolute;
left: 0;
top: 43px;
width: 228px;
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
font-weight: var(--fw-regular);
color: var(--color-navy-900);
}
.page-template-page-kontakt .leistungen-contact__link {
position: relative;
top: 0;
left: 0;
display: block;
margin-bottom: 10px;
flex-direction: row;
align-items: center;
gap: 12px;
height: 27px;
color: var(--color-navy-900);
text-decoration: none;
}
.page-template-page-kontakt .leistungen-contact__link--mail     { width: auto; }
.page-template-page-kontakt .leistungen-contact__link--linkedin { }
.page-template-page-kontakt .leistungen-contact__link-icon {
display: inline-flex;
flex-shrink: 0;
width: 24px;
height: 24px;
overflow: hidden;
}
.page-template-page-kontakt .leistungen-contact__link-icon img {
width: 100%;
height: 100%;
display: block;
}
.page-template-page-kontakt .leistungen-contact__link-text {
position: relative;
display: inline-block;
font-family: var(--font-sans);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
font-weight: var(--fw-regular);
}
.page-template-page-kontakt .leistungen-contact__link-text::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: currentColor;
transform-origin: right center;
transform: scaleX(1);
transition: transform 300ms ease-out;
}
.page-template-page-kontakt .leistungen-contact__link:hover .leistungen-contact__link-text::after,
.page-template-page-kontakt .leistungen-contact__link:focus-visible .leistungen-contact__link-text::after {
transform: scaleX(0);
}
.page-template-page-kontakt .leistungen-contact__link:focus-visible {
outline: none;
}
.page-template-page-kontakt .leistungen-contact__portrait {
position: absolute;
left: 927px;
top: 32px;
width: 180px;
height: 226px;
overflow: hidden;
border-radius: 0;
margin: 0;
}
.page-template-page-kontakt .leistungen-contact__portrait img {
position: absolute;
left: -252px;
top: -44px;
width: 534px;
height: 534px;
max-width: none;
display: block;
} @media (max-width: 1439px) {
.page-template-page-kontakt .kontaktformular__form-wrap {
position: relative;
left: auto; top: auto;
width: 100%;
max-width: 750px;
margin: 36px 0 0;
}
.page-template-page-kontakt .kontaktformular__datenschutz {
position: relative;
left: auto; top: auto;
width: 100%;
max-width: 750px;
margin: 24px 0 0;
}
.page-template-page-kontakt .leistungen-contact__card {
width: auto;
max-width: 1139px;
height: auto;
min-height: 290px;
padding: 32px;
margin: 0 60px;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 30px;
}
.page-template-page-kontakt .leistungen-contact__question,
.page-template-page-kontakt .leistungen-contact__details,
.page-template-page-kontakt .leistungen-contact__portrait {
position: relative;
left: auto; top: auto;
}
.page-template-page-kontakt .leistungen-contact__question {
flex: 0 1 359px;
max-width: 359px;
}
.page-template-page-kontakt .leistungen-contact__details {
flex: 0 0 228px;
width: 228px;
height: 157px;
}
.page-template-page-kontakt .leistungen-contact__portrait {
flex: 0 0 180px;
margin-left: auto;
}
}
@media (max-width: 1023px) {
.page-template-page-kontakt .leistungen-contact { padding: 80px 0; }
.page-template-page-kontakt .leistungen-contact__card {
margin: 0 40px;
flex-direction: column;
align-items: stretch;
gap: 32px;
}
.page-template-page-kontakt .leistungen-contact__question {
flex: 0 0 auto;
max-width: none;
}
.page-template-page-kontakt .leistungen-contact__details {
flex: 0 0 auto;
width: 100%;
height: auto;
display: flex;
flex-direction: column;
gap: 12px;
}
.page-template-page-kontakt .leistungen-contact__name,
.page-template-page-kontakt .leistungen-contact__role,
.page-template-page-kontakt .leistungen-contact__link {
position: relative;
left: auto;
top: 0;
display: block;
margin-bottom: 10px;
}
.page-template-page-kontakt .leistungen-contact__links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 24px;
margin-top: 12px;
}
.page-template-page-kontakt .leistungen-contact__link,
.page-template-page-kontakt .leistungen-contact__link--mail,
.page-template-page-kontakt .leistungen-contact__link--linkedin {
position: relative;
top: 0;
width: auto;
display: block;
margin-bottom: 10px;
}
}
@media (max-width: 599px) {
.page-template-page-kontakt .leistungen-contact__question {
order: 0;
}
.page-template-page-kontakt .leistungen-contact__portrait {
order: 1;
}
.page-template-page-kontakt .leistungen-contact__details {
order: 2;
}
}
@media (max-width: 767px) {
.page-template-page-kontakt .kontaktformular__form-wrap .kt-row {
grid-template-columns: 1fr;
}
.page-template-page-kontakt .kontaktformular__form-wrap .kt-submit {
align-items: stretch;
}
.page-template-page-kontakt .kontaktformular__form-wrap .wpcf7-submit {
width: 100%;
}
.page-template-page-kontakt .leistungen-contact { padding: 64px 0; }
.page-template-page-kontakt .leistungen-contact__card {
margin:0;
padding: 24px;
gap: 24px;
}
}
@media (max-width: 479px) {
.page-template-page-kontakt .leistungen-contact { padding: 48px 0; }
.page-template-page-kontakt .leistungen-contact__card {
padding: 20px;
}
}   .site-main--default {
background: var(--color-white);
color: var(--color-navy-900);
min-height: 100vh;
}
.page-default__container {
padding-bottom: 100px;
}
.container-content {
width: 100% !important;
max-width: 1140px !important;
margin-left: auto !important;
margin-right: auto !important;
padding-left: 40px;
padding-right: 40px;
}
.section--content-width {
padding-left: 0 !important;
padding-right: 0 !important;
margin-left: auto !important;
margin-right: auto !important;
} .page-default__container .text-modul,
.page-default__container .text-modul__content,
.page-default__container .insight-detail__article-body,
.page-default__container .insight-detail__body-content {
max-width: 100%;
padding-left: 0;
padding-right: 0;
margin-top: 0;
}
.page-default__standard-content {
font-family: var(--font-sans);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-navy-900);
}
.page-default__standard-content h1,
.page-default__standard-content h2,
.page-default__standard-content h3 {
color: var(--color-navy-900);
margin-top: 1.5em;
margin-bottom: 0.5em;
}
.page-default__standard-content h1:first-child { margin-top: 0; }
.page-default__standard-content p {
margin-bottom: 1em;
} .header-dark-initially .site-header:not(.is-scrolled):not(.is-menu-open) .nav-link {
color: var(--color-navy-900);
}
.header-dark-initially .site-header:not(.is-scrolled):not(.is-menu-open) .site-logo img {
filter: brightness(0);
}
.header-dark-initially .site-header:not(.is-scrolled):not(.is-menu-open) .btn-outline-light {
color: var(--color-navy-900);
box-shadow: inset 0 0 0 1px var(--color-navy-900);
}
.header-dark-initially .site-header:not(.is-scrolled):not(.is-menu-open) .menu-toggle__bar {
background-color: var(--color-navy-900);
}
.header-dark-initially .site-header:not(.is-scrolled):not(.is-menu-open) .nav-chevron svg {
stroke: var(--color-navy-900);
}
.single-projekte-insights {
background: var(--color-white);
color: var(--color-navy-900);
} .insight-meta-header {
position: relative;
width: 100%;
max-width: 1440px;
height: 610px;
margin: 0 auto;
padding-top: 96px;
box-sizing: border-box;
}
.insight-meta-header--no-image {
height: auto;
min-height: 400px;
padding-bottom: 40px;
}
.insight-meta-header__title-block {
position: absolute;
left: 60px;
top: 286px;
width: 742px;
display: flex;
flex-direction: column;
gap: 56px;
}
.insight-meta-header--no-image .insight-meta-header__title-block {
position: static;
width: auto;
max-width: 945px;
margin-left: 248px;
margin-top: 196px;
}
.insight-meta-header__title {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size:42px;
line-height: 1.1;
color: var(--color-navy-900);
hyphens:auto;
}
.insight-meta-header__title-rule {
display: block;
width: 100px;
height: 1px;
background: var(--color-navy-900);
}
.insight-meta-header__hero-image {
position: absolute;
right: 60px;
top: 246px;
width: 547px;
height: 364px;
margin: 0;
overflow: hidden;
}
.insight-meta-header__hero-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
.insight-meta-header__meta {
max-width: 1440px;
margin: 80px auto 0;
padding-left: 250px;
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
}
.insight-meta-header--no-image + .insight-meta-header__meta,
.insight-meta-header__meta--inline {
margin-top: 24px;
}
.insight-meta-header__meta-label {
font-family: var(--font-sans);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
font-weight: var(--fw-regular);
color: var(--color-navy-900);
}
.insight-meta-header__meta-dot {
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--color-navy-900);
} @media (min-width: 1024px) and (max-width: 1500px) {
.insight-meta-header:not(.insight-meta-header--no-image) {
display: grid;
grid-template-columns: minmax(0, 1fr) clamp(360px, 38vw, 547px);
column-gap: clamp(32px, 4vw, 60px);
align-items: start;
padding: 246px clamp(40px, 4.1667vw, 60px) 0;
}
.insight-meta-header:not(.insight-meta-header--no-image) .insight-meta-header__title-block {
position: static;
width: auto;
min-width: 0;
margin-top: 40px;
}
.insight-meta-header:not(.insight-meta-header--no-image) .insight-meta-header__title {
min-width: 0;
overflow-wrap: break-word;
}
.insight-meta-header:not(.insight-meta-header--no-image) .insight-meta-header__hero-image {
position: static;
width: 100%;
height: auto;
aspect-ratio: 547 / 364;
}
} @media (max-width: 1023px) {
.insight-meta-header {
height: auto; padding: 104px 40px 40px;
max-width: 100%;
}
.insight-meta-header__title-block {
position: static;
width: 100%;
gap: 32px;
}
.insight-meta-header__hero-image {
position: static;
width: 100%;
max-width: 100%;
height: auto;
aspect-ratio: 547 / 364;
margin-top: 40px;
}
.insight-meta-header__meta {
padding-left: 40px;
padding-right: 40px;
margin-top: 32px;
}
.insight-meta-header--no-image .insight-meta-header__title-block {
margin-left: 0;
margin-top: 0;
}
}
@media (max-width: 767px) {
.insight-meta-header { padding: 96px 24px 32px; }
.insight-meta-header__meta {
padding-left: 24px;
padding-right: 24px;
}
}
@media (max-width: 479px) {
.insight-meta-header { padding: 96px 16px 24px; }
.insight-meta-header__title { font-size: clamp(28px, 8vw, 40px); line-height: 1.1; }
.insight-meta-header__meta {
padding-left: 16px;
padding-right: 16px;
}
}  .grafik {
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 0 60px;
box-sizing: border-box;
text-align: center;
}
.grafik + .grafik { margin-top: 48px; }
.grafik__inner {
margin: 0 auto;
}
.grafik--voll {
padding-left: 0;
padding-right: 0;
max-width: 100%;
}
.grafik--voll .grafik__inner   { max-width: 100%; }
.grafik--mittel .grafik__inner { max-width: 945px; }
.grafik--schmal .grafik__inner { max-width: 750px; }
.grafik__headline {
margin: 0 0 24px;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: 42px;
line-height: var(--lh-card-title-l);
color: var(--color-navy-900);
text-align: left;
}
.grafik__begleittext {
margin: 0 0 24px;
font-family: var(--font-sans);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-navy-900);
text-align: left;
}
.grafik__begleittext p { margin: 0; }
.grafik__image {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto;
} .single-projekte-insights .grafik {
padding-left: 248px;
padding-right: 60px;
text-align: left;
}
.single-projekte-insights .grafik__inner {
margin-left: 0;
}  .insights-empty-state {
width: 100%;
background: var(--color-gray-50);
padding: 60px 40px;
text-align: center;
color: var(--color-navy-900);
}
.insights-empty-state__text {
margin: 0 0 16px;
font-family: var(--font-sans);
font-size: var(--fs-card-title-m);
line-height: var(--lh-card-title-m);
font-weight: var(--fw-semibold);
color: var(--color-navy-900);
}
.insights-empty-state__reset {
display: inline-block;
font-family: var(--font-sans);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-blue-500);
text-decoration: none;
border-bottom: 1px solid var(--color-blue-500);
padding-bottom: 1px;
transition: var(--transition-default);
cursor: pointer;
}
.insights-empty-state__reset:hover { color: var(--color-navy-900); border-bottom-color: var(--color-navy-900); } .insights-load-more__btn[hidden] { display: none; }
.insights-load-more__btn[aria-busy="true"] { opacity: 0.6; cursor: progress; } .insights-grid-wrap[aria-busy="true"] .insights-grid {
opacity: 0.4;
transition: opacity 200ms ease-out;
}  @media (max-width: 1439px) {
.hero-line--3 {
left: auto;
right: 60px; } section.karriere .karriere-inner {
width: auto;
max-width: 1320px;
padding: 0 60px;
box-sizing: border-box;
}
section.karriere .karriere-text-row {
width: 100%;
max-width: 1140px;
} .primary-nav { padding: 0; }
} @media (max-width: 1279px) { .site-header-inner {
padding: 0 32px;
}
.site-header-cta {
margin-left: auto;
margin-right: 20px;
} .hero-inner {
height: auto;
min-height: auto;
padding: clamp(140px, 12vh, 200px) 60px 80px;
display: flex;
flex-direction: column;
gap: 48px;
}
.hero-headline {
position: relative;
inset: auto;
display: flex;
flex-direction: column;
gap: 8px;
font-size: clamp(80px, 11vw, 150px);
line-height: 1.1;
}
.hero-line {
position: relative;
left: auto !important;
top: auto !important;
right: auto !important;
font-size: inherit;
line-height: inherit;
width: auto !important;
max-width: 100%;
text-align: left;
white-space: normal;
overflow-wrap: break-word;
}
.hero-line--3 {
font-size: clamp(56px, 6.6vw, 90px);
line-height: 1.1;
text-align: left;
}
.hero-circle {
position: absolute;
left: 50%;
top: 80px;
transform: translateX(-50%);
width: clamp(380px, 55vw, 618px);
height: clamp(380px, 55vw, 618px);
opacity: 0.6;
z-index: 0;
}
.hero-headline,
.hero-lede { position: relative; z-index: 1; }
.hero-lede {
left: auto;
top: auto;
width: min(411px, 100%);
} .lede {
padding: 80px 60px 100px;
} .twin-cards-inner {
height: auto;
padding: 80px 60px;
display: flex;
flex-direction: column;
align-items: center;
gap: 48px;
}
.twin-cards-text {
position: relative;
left: auto;
top: auto;
width: 100%;
max-width: 600px;
text-align: center;
}
.twin-cards-body {
width: 100%;
margin: 24px auto 0;
} .twin-cards-carousel {
position: relative;
left: auto;
top: auto;
width: clamp(380px, 72vw, 523px);
height: auto;
overflow: visible;
}
.twin-cards-carousel-track {
padding: clamp(20px, 4vw, 61px) 0 clamp(40px, 10vw, 120px);
gap: 32px;
}
.twin-cards-kreis {
width:  clamp(360px, 70vw, 466px);
height: clamp(360px, 70vw, 466px);
} .projekte-inner {
width: auto;
max-width: 1140px;
padding: 0 60px;
}
.projekte-grid {
flex-wrap: wrap;
}
.projekte-col {
flex: 0 1 calc(50% - 15px); min-width: 0;
width: auto;
}
.insight-card { width: 100%; } .karriere-text-row {
flex-direction: column;
gap: 32px;
}
.karriere-heading,
.karriere-text-block { width: 100%; max-width: 700px; }
.karriere-images {
flex-wrap: wrap;
justify-content: center;
gap: 20px;
}
.karriere-image {
flex: 0 1 calc(50% - 10px);
max-width: 480px;
aspect-ratio: 1 / 1;
height: auto;
width: auto;
}
.karriere-image--welcome { margin-top: 0; } } @media (max-width: 1279px) {
.menu-toggle { display: block; }
.site-header-cta {
margin-left: auto;
margin-right: 20px;
} .primary-nav {
display: flex;
position: fixed;
left: 0;
right: 0;
top: var(--header-height);
bottom: 0;
padding: 32px 40px 40px;
flex-direction: column;
align-items: stretch;
background: var(--color-navy-900);
overflow-y: auto; overscroll-behavior: contain;
visibility: hidden;
opacity: 0;
transform: translateY(-8px);
transition: opacity 250ms ease-out, transform 250ms ease-out, visibility 0s linear 250ms;
z-index: 99;
}
.site-header.is-menu-open .primary-nav {
touch-action: auto; }
.site-header.is-menu-open .primary-nav {
visibility: visible;
opacity: 1;
transform: translateY(0);
transition: opacity 250ms ease-out, transform 250ms ease-out, visibility 0s linear 0s;
}
.primary-nav .nav-list {
flex-direction: column;
align-items: stretch;
gap: 4px;
}
.primary-nav .nav-item {
width: 100%; flex-direction: column;
align-items: stretch;
}
.primary-nav .nav-link {
width: 100%;
padding: 16px 0;
font-size: 22px;
line-height: 28px;
border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.primary-nav .nav-content {
justify-content: space-between;
flex: 1 1 auto;
}
.primary-nav .nav-chevron {
transform: rotate(-90deg);
transition: transform 200ms ease-out;
} .primary-nav .nav-submenu {
position: static;
width: 100%;
padding: 0 0 8px 16px;
background: transparent;
border-radius: 0;
opacity: 1;
visibility: hidden;
transform: none;
transition: none;
display: none;
}
.primary-nav .nav-item--has-children.is-open .nav-submenu {
display: flex;
visibility: visible;
}
.primary-nav .nav-item--has-children.is-open .nav-chevron {
transform: rotate(0deg);
} .primary-nav .nav-item--has-children:hover .nav-chevron svg,
.primary-nav .nav-item--has-children:focus-within .nav-chevron svg {
transform: none;
}
.primary-nav .nav-submenu-item {
width: 100%;
height: auto;
padding: 12px 0;
color: rgba(255, 255, 255, 0.85);
font-size: 18px;
line-height: 24px;
}
.primary-nav .nav-submenu-item:hover,
.primary-nav .nav-submenu-item:focus-visible {
background: transparent;
color: var(--color-white);
text-decoration: none;
}
.lede {
padding: 64px 40px 80px;
}
.lede-text { font-size: 20px; line-height: 1.3; }
.twin-cards-inner { padding: 64px 40px; }
.twin-cards-carousel {
width: clamp(360px, 80vw, 466px);
height: auto;
overflow: visible;
}
.twin-cards-kreis {
width:  clamp(340px, 78vw, 466px);
height: clamp(340px, 78vw, 466px);
}
.projekte-insights { padding: 64px 0; }
.projekte-inner { padding: 0 40px; }
.projekte-col {
flex: 1 1 100%;
}
.karriere { padding: 64px 0; }
.karriere-inner { padding: 0 40px; }
.karriere-image { flex: 0 1 calc(50% - 10px); }
.site-footer-inner { padding: 64px 40px 48px; gap: 40px; }
} @media (max-width: 767px) {
.site-header { height: 72px; }
.site-header-inner { padding: 0 20px; height: 72px; }
.site-header-cta { margin-right: 20px; }
.site-logo img { width: 220px; height: auto; }
.primary-nav { top: 72px; padding: 24px 24px 32px; }
.primary-nav .nav-link { font-size: 20px; padding: 14px 0; }
.hero-inner { padding: 120px 24px 64px; gap: 32px; }
.hero-headline { gap: 4px; }
.hero-circle {
width: clamp(280px, 80vw, 480px);
height: clamp(280px, 80vw, 480px);
top: 60px;
opacity: 0.45;
}
.hero-lede {
width: 100%;
}
.hero-lede-text { font-size: 18px; line-height: 1.4; }
.lede { padding: 56px 24px 64px; }
.lede-text { font-size: 20px; }
.twin-cards-inner { padding: 48px 24px; }
.twin-cards-text { width: 100%; }
.twin-cards-heading { font-size: 32px; line-height: 1.15; }
.twin-cards-body { font-size: 18px; line-height: 1.45; }
.twin-cards-carousel {
width: min(380px, 92vw);
height: auto;
overflow: visible;
}
.twin-cards-carousel-track {
padding: 20px 0 40px;
gap: 24px;
}
.twin-cards-kreis {
width:  min(340px, 86vw);
height: min(340px, 86vw);
}
.kreis-content {
width: 80%;
height: auto;
gap: 16px;
}
.kreis-title { font-size: 36px; }
.kreis-body { font-size: 16px; }
.projekte-insights { padding: 48px 0; }
.projekte-inner { padding: 0 24px; }
.projekte-header {
flex-direction: column;
align-items: flex-start;
gap: 20px;
}
.projekte-heading { font-size: 32px; line-height: 1.15; }
.projekte-grid { gap: 24px; }
.projekte-col { gap: 24px; }
.insight-card-text { padding: 20px 16px; }
.insight-card--case-study .insight-card-text,
.insight-card--insight-navy .insight-card-text,
.insight-card--insight-blue .insight-card-text,
.insight-card--insight-navy.insight-card--short .insight-card-text,
.insight-card--teaser .insight-card-text { height: auto; min-height: 130px; }
.karriere { padding: 48px 0; }
.karriere-inner { padding: 0 24px; }
.karriere-heading { font-size: 32px; line-height: 1.15; }
.karriere-body { font-size: 18px; line-height: 1.45; }
.karriere-images { flex-direction: column; align-items: stretch; gap: 16px; }
.karriere-image { flex: 0 0 auto; max-width: 100%; width: 100%; aspect-ratio: 4/3; }
.site-footer-inner { padding: 48px 24px 40px; gap: 32px; }
.site-footer__lets-talk-text { font-size: 36px; line-height: 1.15; }
.site-footer__lets-talk-underline { width: 150px; }
.site-footer__circle { width: 180px; height: 180px; }
.site-footer__wordmark { display: none; } .site-footer__legal { gap: 24px; }
.twin-cards {
padding-bottom: 0px;
}
} @media (max-width: 479px) { .site-header-cta { display: none; }
.site-logo img { width: 180px; }
.primary-nav__cta {
display: inline-flex;
align-self: stretch;
justify-content: center;
margin-top: 24px;
}
.hero-inner { padding: 120px 20px 48px; }
.hero-line--1,
.hero-line--2 { font-size: 56px !important; }
.hero-line--3 { font-size: 36px !important; }
.lede { padding: 48px 20px 56px; }
.lede-text { font-size: 20px; }
.twin-cards-inner { padding: 40px 20px; }
.twin-cards-carousel { width: 100%; }
.twin-cards-kreis {
width: clamp(300px, 85vw, 340px);
height: clamp(300px, 85vw, 340px);
}
.kreis-title { font-size: 28px; }
.kreis-body { font-size: 15px; }
.projekte-inner { padding: 0 20px; }
.karriere-inner { padding: 0 20px; }
.site-footer-inner { padding: 40px 20px 32px; }
} @media (max-width: 1023px) { .buzzwords { padding: 0 0 64px; }
.buzzwords__list {
grid-template-columns: 1fr;
grid-auto-flow: row;
grid-template-rows: auto;
column-gap: 0;
} .page-template-page-leistungen-operate .lede,
.page-template-page-leistungen-operate .leistungen-zielbild-cards {
padding-left: 40px;
padding-right: 40px;
}
.page-template-page-leistungen-operate .lede { padding-top: 64px; padding-bottom: 64px; }
.page-template-page-leistungen-operate .leistungen-zielbild-cards { padding-bottom: 64px; }
.page-template-page-leistungen-operate .leistungen-zielbild-cards__inner { width: 100%; }
.page-template-page-leistungen-operate .leistungen-zielbild-cards__grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
.page-template-page-leistungen-operate .leistungen-service-card {
flex: 1 1 auto;
width: 100%;
height: auto;
min-height: 0;
} .page-template-page-leistungen-invent .lede {
padding: 64px 40px;
} .page-template-page-leistungen-transform .lede {
padding: 64px 40px;
}
.page-template-page-leistungen-transform .lede-inner {
text-align: left;
} .page-template-page-branche-detail .lede {
padding: 64px 40px;
}
.page-template-page-branche-detail .lede-inner { width: 100%; }
.page-template-page-branche-detail .leistungen-transformieren {
padding: 64px 40px;
}
.page-template-page-branche-detail .leistungen-transformieren__grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
.page-template-page-branche-detail .leistungen-transformieren .leistungen-service-card {
width: 100%;
min-height: 0;
} .page-template-page-ueber-uns .lede {
padding: 64px 40px 0;
}
.page-template-page-ueber-uns .lede-text {
font-size: clamp(18px, 4vw, 20px);
line-height: 1.45;
}
.page-template-page-ueber-uns .leistungen-zielbild-cards {
padding: 48px 40px 0;
}
.page-template-page-ueber-uns .leistungen-zielbild-cards__inner { width: 100%; }
.page-template-page-ueber-uns .leistungen-zielbild-cards__grid {
display: grid;
grid-template-columns: 1fr;
column-gap: 0;
row-gap: 16px;
}
.page-template-page-ueber-uns .leistungen-zielbild-cards .leistungen-service-card {
height: auto;
min-height: 0;
} .site-main .leistungen-zielbild-cards__grid,
.site-main .leistungen-transformieren__grid {
grid-template-columns: 1fr;
gap: 16px;
}
.site-main .leistungen-service-card {
width: 100%;
height: auto;
min-height: 0;
} .hover-boxen { padding: 64px 40px 0; }
.hover-boxen__inner {
width: 100%;
flex-direction: column;
}
.hover-boxen__box {
flex: 1 1 auto;
width: 100%;
min-height: auto; padding: 110px 24px 32px;
} .hover-boxen--split .hover-boxen__box:hover,
.hover-boxen--split .hover-boxen__box:focus-within { flex-grow: 1; } .hover-boxen .hover-boxen__points {
opacity: 1;
max-height: none;
margin-top: 16px;
pointer-events: auto;
}
.hover-boxen--split:hover .hover-boxen__box:not(:hover) .hover-boxen__intro,
.hover-boxen--split:focus-within .hover-boxen__box:not(:focus-within) .hover-boxen__intro {
opacity: 1;
max-height: none;
margin-top: 0;
pointer-events: auto;
} .hover-boxen--split .hover-boxen__box:hover .hover-boxen__icon,
.hover-boxen--split .hover-boxen__box:focus-within .hover-boxen__icon {
opacity: 1; visibility: visible;
}
}
@media (max-width: 479px) {
.page-template-page-leistungen-operate .lede,
.page-template-page-leistungen-operate .leistungen-zielbild-cards {
padding-left: 24px;
padding-right: 24px;
}
.page-template-page-leistungen-invent .lede { padding: 48px 24px; }
.page-template-page-leistungen-transform .lede { padding: 48px 24px; }
.page-template-page-branche-detail .lede,
.page-template-page-branche-detail .leistungen-transformieren {
padding-left: 24px;
padding-right: 24px;
}
.page-template-page-ueber-uns .lede,
.page-template-page-ueber-uns .leistungen-zielbild-cards {
padding-left: 24px;
padding-right: 24px;
}
.hover-boxen { padding: 48px 24px 0; }
.hover-boxen__box { padding: 104px 20px 24px; }
.buzzwords { padding: 0 0 48px; }
}  .header-unterseite { overflow: hidden; }
.header-unterseite--has-bg {
background-size: cover;
background-position: center;
}
.header-unterseite__overlay { display: none; }
.header-unterseite--has-bg .header-unterseite__overlay {
display: block;
position: absolute;
inset: 0;
background: rgba(0, 16, 30, 0.62);
pointer-events: none;
}
.header-unterseite--has-bg.header-unterseite--farbig_blau    .header-unterseite__overlay { background: rgba(0, 64, 121, 0.72); }
.header-unterseite--has-bg.header-unterseite--farbig_cyan    .header-unterseite__overlay { background: rgba(0, 110, 211, 0.66); }
.header-unterseite--has-bg.header-unterseite--farbig_invent  .header-unterseite__overlay { background: rgba(32, 128, 217, 0.66); }
.header-unterseite--has-bg.header-unterseite--farbig_branche .header-unterseite__overlay { background: rgba(0, 110, 211, 0.66); }
.header-unterseite__inner { position: relative; z-index: 1; }
.header-unterseite--dark { background-color: var(--color-navy-900); }
@media (max-width: 1023px) {
.header-unterseite { padding: 140px 40px 56px; }
.header-unterseite__title { font-size: clamp(44px, 9vw, 72px); }
.header-unterseite__inner { flex-direction: column; align-items: flex-start; gap: 32px; }
.header-unterseite__visual--bild_rechts,
.header-unterseite__visual--bild_mitte { width: 260px; height: 260px; }
}
@media (max-width: 599px) {
.header-unterseite { padding: 120px 24px 48px; }
.header-unterseite__title { font-size: clamp(36px, 10vw, 48px); }
.header-unterseite__sub { font-size: 18px; line-height: 1.45; }
} .site-main .insights-teaser__grid {
align-items: stretch;
}
.site-main .insights-teaser__card { display: flex; height: auto; }
.site-main .insights-teaser__card-link {
display: flex;
flex-direction: column;
width: 100%;
height: 100%;
text-decoration: none;
}
.site-main .insights-teaser__card-link:hover,
.site-main .insights-teaser__card-link:focus-visible {
text-decoration: none !important;
}
.site-main .insights-teaser__card-panel {
flex: 1 1 auto;
height: auto;
min-height: 0;
display: flex;
flex-direction: column;
gap: 12px;
} @media (max-width: 599px) {
section.karriere .karriere-inner { padding-left: 24px; padding-right: 24px; box-sizing: border-box; }
section.karriere .karriere-text-row { padding: 0; }
section.karriere .karriere-images {
position: relative;
height: auto;
display: block;
}
section.karriere .karriere-image { display: none; }
section.karriere .karriere-image--lounge {
display: block;
position: relative;
left: auto; right: auto; top: auto; bottom: auto;
width: 100%;
height: auto;
aspect-ratio: 16 / 10;
margin-top: 32px;
}
.section--content-width.lede {
padding-left: 15px !important;
padding-right: 15px !important;
}
} .header-unterseite-einfach {
position: relative;
padding: 200px 60px 80px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
min-height: 400px;
overflow: hidden;
color: #fff;
}
@media (min-width: 1024px) {
.header-unterseite-einfach {
height: 650px;
padding-top: 0;
padding-bottom: 0;
display: flex;
align-items: center;
}
}
.header-unterseite-einfach__overlay {
position: absolute;
inset: 0;
z-index: 1;
pointer-events: none;
}
.header-unterseite-einfach__inner {
position: relative;
z-index: 2;
width: 100%;
max-width: 1320px;
margin: 0 auto;
display: flex;
align-items: center;
bottom: 90px;
}
.header-unterseite-einfach__text {
position: relative;
z-index: 3;
flex: 0 0 auto;
width:100%;
}
.header-unterseite-einfach__grafik {
position: absolute;
top: 65%;
right: -90px;
transform: translateY(-25%);
z-index: 2;
pointer-events: none;
height: 700px;
width: 700px;
}
.header-unterseite-einfach__grafik img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 95vh;
object-fit: contain;
}
.header-unterseite-einfach__grafik--round {
width: 500px;
height: 500px;
}
.header-unterseite-einfach__grafik--round img {
border-radius: 50%;
aspect-ratio: 1 / 1;
object-fit: cover;
width: 100%;
height: 100%;
max-height: 100%;
}
.header-unterseite-einfach__grafik--bottom {
transform: translateY(-20%);
}
@media (max-width: 1140px) {
.header-unterseite-einfach__grafik { }
}
@media (max-width: 1023px) {
.header-unterseite-einfach__grafik img {
max-height: 60vh;
}
}
@media (max-width: 850px) {
.header-unterseite-einfach__grafik {
display: none; }
}
.header-unterseite-einfach__title {
margin: 0;
font-weight: 600;
font-family: var(--font-display, 'IBM Plex Sans'), sans-serif;
line-height: 1.0;
letter-spacing: -0.02em;
}
.header-unterseite-einfach__title--72 {
font-size: 72px;
}
.header-unterseite-einfach__title--110 {
font-size: 110px;
}
@media (max-width: 1023px) {
.header-unterseite-einfach__title--72,
.header-unterseite-einfach__title--110 {
font-size: 48px;
}
}
.header-unterseite-einfach__lede--size-110 {
display: flex;
flex-direction: column;
gap: 24px;
position: absolute;
top: 310px;
}
.header-unterseite-einfach__lede--size-72 {
display: flex;
flex-direction: column;
gap: 24px;
position: absolute;
top: 280px;
}
.header-unterseite-einfach__rule {
display: block;
width: 100px;
height: 1px;
background: #fff;
}
.header-unterseite-einfach__sub {
margin: 0;
max-width: 600px;
font: 400 20px/1.45 var(--font-body, 'IBM Plex Sans'), sans-serif;
color: #fff;
}
@media (max-width: 1023px) {
.header-unterseite-einfach {
padding: 140px 40px 56px;
min-height: auto;
}
.header-unterseite-einfach__title {
font-size: clamp(44px, 9vw, 64px);
}
}
@media (max-width: 599px) {
.header-unterseite-einfach {
padding: 120px 24px 48px;
}
.header-unterseite-einfach__title {
font-size: clamp(32px, 10vw, 44px);
}
.header-unterseite-einfach__sub {
font-size: 18px;
line-height: 1.45;
}
.header-unterseite-einfach__lede {
margin-top: 32px;
gap: 20px;
}
} .site-main .leistungen-service-card { border-radius: 0; }
.site-main .leistungen-service-card__title { font-size: 24px; }
.site-main .leistungen-zielbild-cards__intro,
.site-main .leistungen-transformieren__intro {
margin: 24px 0 0;
max-width: 945px;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-regular, 400);
font-size: var(--fs-body-l, 20px);
line-height: var(--lh-body-l, 1.4);
color: var(--color-navy-900, #00101e);
}
.site-main .leistungen-zielbild-cards__grid,
.site-main .leistungen-transformieren__grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
grid-auto-rows: 1fr;
align-items: stretch;
}
.site-main .leistungen-zielbild-cards .leistungen-service-card,
.site-main .leistungen-transformieren .leistungen-service-card {
height: 100%;
} .site-main .bunte-card {
border-radius: 0;
height: auto;
display: flex;
flex-direction: column;
gap: 12px;
}
.site-main .bunte-cards__grid {
display: grid;
align-items: stretch;
}
.site-main .bunte-cards__grid--cols-1 { grid-template-columns: 1fr; }
.site-main .bunte-cards__grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.site-main .bunte-cards__grid--cols-3 { grid-template-columns: repeat(3, 1fr); } .site-main .bunte-card:nth-child(3n+1) { background: #58A3E7; }
.site-main .bunte-card:nth-child(3n+2) { background: #0E63B8; }
.site-main .bunte-card:nth-child(3n+3) { background: #0D2440; } .page-template-page-karriere .bunte-card { width: auto; height: auto; }
.page-template-page-karriere .bunte-cards__grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.page-template-page-karriere .bunte-card:nth-child(3n+1) { background: #58A3E7; }
.page-template-page-karriere .bunte-card:nth-child(3n+2) { background: #0E63B8; }
.page-template-page-karriere .bunte-card:nth-child(3n+3) { background: #0D2440; }
@media (max-width: 1023px) {
.site-main .bunte-cards__grid,
.page-template-page-karriere .bunte-cards__grid { grid-template-columns: 1fr; }
} @media (max-width: 1019px) {
.buzzwords { padding: 0 40px 80px; }
.buzzwords__list {
grid-template-columns: 1fr;
grid-auto-flow: row;
grid-template-rows: none;
grid-auto-rows: minmax(64px, auto);
}
.buzzwords__item { height: auto; min-height: 64px; padding: 18px 0; }
.buzzwords__item--column-bottom { border-bottom: 0; }
.buzzwords__list .buzzwords__item:last-child { border-bottom: 1px solid var(--color-navy-900, #00101e); }
}
@media (max-width: 599px) {
.buzzwords { padding: 0 24px 64px; }
.buzzwords__heading { font-size: 28px; line-height: 1.15; }
} .site-main .hover-boxen__inner { align-items: flex-start; }
.site-main .hover-boxen__box {
transition: flex-grow 500ms ease-out, min-height 500ms ease-out, padding 500ms ease-out;
}
.site-main .hover-boxen--split .hover-boxen__box { min-height: 379px; }
.site-main .hover-boxen--split:hover .hover-boxen__box:not(:hover),
.site-main .hover-boxen--split:focus-within .hover-boxen__box:not(:focus-within) {
min-height: 150px;
padding-top: 96px;
padding-bottom: 24px;
align-self: flex-start;
}
.site-main .hover-boxen__points {
transition: opacity 400ms ease-out 120ms, max-height 600ms ease-out, margin-top 600ms ease-out;
}
.site-main .hover-boxen__intro {
transition: opacity 400ms ease-out, max-height 500ms ease-out, margin-top 500ms ease-out;
}
.site-main .hover-boxen__title { transition: font-size 500ms ease-out; }
@media (max-width: 1023px) { .site-main .hover-boxen { padding: 64px 24px 0; }
.site-main .hover-boxen__inner {
flex-direction: column;
gap: 16px;
align-items: stretch;
}
.site-main .hover-boxen--split .hover-boxen__box,
.site-main .hover-boxen--solo .hover-boxen__box {
min-height: 0;
padding: 96px 24px 28px;
cursor: pointer;
} .site-main .hover-boxen__box .hover-boxen__intro,
.site-main .hover-boxen__box .hover-boxen__points {
opacity: 0;
max-height: 0;
margin-top: 0;
pointer-events: none;
overflow: hidden;
} .site-main .hover-boxen--split .hover-boxen__box:hover .hover-boxen__points,
.site-main .hover-boxen--split .hover-boxen__box:focus-within .hover-boxen__points { opacity: 0; max-height: 0; margin-top: 0; }
.site-main .hover-boxen--split:hover .hover-boxen__box:not(:hover) { min-height: 0; align-self: auto; }
.site-main .hover-boxen__box.is-open .hover-boxen__intro {
opacity: 1;
max-height: 400px; margin-top: 16px;
pointer-events: auto;
}
.site-main .hover-boxen__box.is-open .hover-boxen__points {
opacity: 1;
max-height: 1200px;
margin-top: 28px;
pointer-events: auto; margin-bottom: 28px;
}
.site-main .hover-boxen--split .hover-boxen__box:hover .hover-boxen__icon,
.site-main .hover-boxen--split .hover-boxen__box:focus-within .hover-boxen__icon { opacity: 1; visibility: visible; }
.site-main .hover-boxen__box.is-open .hover-boxen__icon svg { transform: rotate(45deg); }
.site-main .hover-boxen__icon svg { transition: transform 300ms ease-out; }
.site-main .hover-boxen__title { font-size: clamp(24px, 7vw, 32px); }
} .leistungen-prozess.leistungen-prozess--v2 { background: var(--color-blue-500); } .leistungen-prozess--v2 .leistungen-prozess__heading {
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-semibold, 600);
font-size: var(--fs-h2-card, 42px);
line-height: var(--lh-h2-card, 1.1);
color: var(--color-white, #fff);
}
.leistungen-prozess--v2 .leistungen-prozess__subhead,
.leistungen-prozess--v2 .leistungen-prozess__subhead p {
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-regular, 400);
font-size: var(--fs-lede, 32px);
line-height: var(--lh-lede, 1.3);
color: var(--color-white, #fff);
}
.leistungen-prozess--v2 .leistungen-prozess__subhead p { margin: 0; }
.leistungen-prozess--v2 .leistungen-prozess__num {
display: inline-block;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-semibold, 600);
font-size: var(--fs-step-num, 52px);
line-height: var(--lh-step-num, 1.1);
color: inherit;
text-align: center;
}
.leistungen-prozess--v2 .leistungen-prozess__step-title {
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-semibold, 600);
font-size: var(--fs-card-title-l, 28px);
line-height: var(--lh-card-title-l, 1.1);
color: var(--color-white, #fff);
}
.leistungen-prozess--v2 .leistungen-prozess__step-body,
.leistungen-prozess--v2 .leistungen-prozess__step-body p {
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-regular, 400);
font-size: var(--fs-body-m, 18px);
line-height: var(--lh-body-m, 1.4);
color: var(--color-white, #fff);
}
.leistungen-prozess--v2 .leistungen-prozess__stage {
position: relative;
width: 100%;
max-width: 1440px;
height: auto;
margin: 0 auto;
padding: 80px 60px 100px;
box-sizing: border-box;
display: flex;
flex-direction: column;
align-items: center;
}
.leistungen-prozess--v2 .leistungen-prozess__heading,
.leistungen-prozess--v2 .leistungen-prozess__subhead {
position: static;
width: auto;
max-width: 710px;
background: transparent;
text-align: center;
}
.leistungen-prozess--v2 .leistungen-prozess__subhead { margin: 14px 0 64px; }
.leistungen-prozess--v2 .leistungen-prozess__heading + .leistungen-prozess__subhead { margin-top: 14px; }
.leistungen-prozess--v2 .leistungen-prozess__line,
.leistungen-prozess--v2 .leistungen-prozess__cursor { display: none; }
.leistungen-prozess--v2 .leistungen-prozess__row {
display: grid;
grid-template-columns: minmax(0, 1fr) 100px minmax(0, 1fr);
column-gap: 48px;
width: 100%;
max-width: 1000px;
align-items: start;
}
.leistungen-prozess--v2 .leistungen-prozess__cell--axis {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
align-self: stretch;
}
.leistungen-prozess--v2 .leistungen-prozess__row--last .leistungen-prozess__cell--axis { padding-bottom: 0; }
.leistungen-prozess--v2 .leistungen-prozess__step {
position: relative;
left: auto; top: auto;
width: 100px;
height: 100px;
flex: 0 0 auto;
border: 1px solid var(--color-white);
border-radius: 50%;
background: var(--color-blue-500);
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
color: var(--color-white);
z-index: 1;
transition: background-color 300ms ease-out, color 300ms ease-out;
}
.leistungen-prozess--v2 .leistungen-prozess__step.is-active {
background: var(--color-white);
color: var(--color-blue-500);
} .leistungen-prozess--v2 .leistungen-prozess__connector {
flex: 1 1 auto;
width: 1px;
min-height: 56px;
margin: 12px 0;
background-image: repeating-linear-gradient(
to bottom,
var(--color-white) 0 4px,
transparent 4px 8px
);
}
.leistungen-prozess--v2 .leistungen-prozess__copy {
position: static;
width: 100%;
max-width: 352px;
display: flex;
flex-direction: column;
gap: 12px;
padding-top: 18px;  filter: blur(4px);
opacity: 0.55;
transition: filter 400ms ease-out, opacity 400ms ease-out;
}
.leistungen-prozess--v2 .leistungen-prozess__row.is-active .leistungen-prozess__copy {
filter: none;
opacity: 1;
}
.leistungen-prozess--v2 .leistungen-prozess__copy--left {
justify-self: end;
text-align: right;
align-items: flex-end;
}
.leistungen-prozess--v2 .leistungen-prozess__copy--right {
justify-self: start;
text-align: left;
}
@media (prefers-reduced-motion: reduce) {
.leistungen-prozess--v2 .leistungen-prozess__copy { filter: none; opacity: 1; transition: none; }
}
@media (max-width: 1023px) {
.leistungen-prozess--v2 .leistungen-prozess__stage { padding: 64px 24px 80px; }
.leistungen-prozess--v2 .leistungen-prozess__row {
grid-template-columns: 72px minmax(0, 1fr);
column-gap: 24px;
max-width: 600px;
}
.leistungen-prozess--v2 .leistungen-prozess__cell--left { display: none; }
.leistungen-prozess--v2 .leistungen-prozess__cell--axis { grid-column: 1; padding-bottom: 48px; }
.leistungen-prozess--v2 .leistungen-prozess__step { width: 72px; height: 72px; }
.leistungen-prozess--v2 .leistungen-prozess__num { font-size: 36px; line-height: 1; }
.leistungen-prozess--v2 .leistungen-prozess__cell--right { grid-column: 2; } .leistungen-prozess--v2 .leistungen-prozess__cell--left .leistungen-prozess__copy { display: flex; }
.leistungen-prozess--v2 .leistungen-prozess__copy--left {
justify-self: start;
text-align: left;
align-items: flex-start;
}
.leistungen-prozess--v2 .leistungen-prozess__copy { padding-top: 8px; max-width: none; }
}
@media (max-width: 1023px) { .leistungen-prozess--v2 .leistungen-prozess__row--left .leistungen-prozess__cell--left {
display: block;
grid-column: 2;
grid-row: 1;
}
.leistungen-prozess--v2 .leistungen-prozess__row--left .leistungen-prozess__cell--right { display: none; }
} .insights-grid.insights-grid--rows {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 32px 30px;
align-items: stretch;
}
.insights-grid--rows .insight-card {
display: flex;
flex-direction: column;
height: 100%;
width: 100%;
margin: 0;
}
.insights-grid--rows .insight-card .insight-card-text { flex: 1 1 auto; }
@media (max-width: 1023px) {
.insights-grid.insights-grid--rows { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 599px) {
.insights-grid.insights-grid--rows { grid-template-columns: 1fr; }
} .text-modul__content a {
color: #006ED3;
text-decoration: none;
transition: var(--transition-default);
}
.text-modul__content a:hover,
.text-modul__content a:focus-visible {
color: #006ED3;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
}
.text-modul__content ul{
list-style: disc;
padding-left:35px;
color: rgb(0, 16, 30);
} .text-bild--bild-rechts .text-bild__inner,
.ueber-uns-intro-split--bild-rechts .ueber-uns-intro-split__inner {
grid-template-columns: 1fr 1fr;
}
.text-bild--bild-rechts .text-bild__media { order: 2; }
.text-bild--bild-rechts .text-bild__copy  { order: 1; }
.site-main .text-bild__headline {
margin: 0 0 24px;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-weight: var(--fw-semibold, 600);
font-size: var(--fs-h2-card, 42px);
line-height: var(--lh-h2-card, 1.1);
color: var(--color-navy-900, #00101e);
}
.site-main .text-bild,
.site-main .text-bild__media,
.site-main .text-bild__copy { border-bottom: 0; }
.site-main .text-bild::after { display: none; }
@media (max-width: 949px) {
.text-bild--bild-rechts .text-bild__inner { grid-template-columns: 1fr; }
.text-bild--bild-rechts .text-bild__media { order: 1; }
.text-bild--bild-rechts .text-bild__copy  { order: 2; }
} .site-main .foundation-text-bild,
.site-main .ueber-uns-foundation { padding-top: 0; }
.site-main .portraits,
.site-main .ueber-uns-team { padding-bottom: 100px; }
.site-main .ueber-uns-foundation__orbital,
.site-main .foundation-text-bild__orbital {
position: absolute;
left: 0; top: 0;
width: 100%;
height: 100%;
max-width: none;
object-fit: cover;
pointer-events: none;
} .site-main .ueber-uns-foundation__cta,
.site-main .foundation-text-bild__cta {
position: relative;
text-decoration: none;
}
.site-main .ueber-uns-foundation__cta-label,
.site-main .foundation-text-bild__cta-label {
position: relative;
display: inline-block;
}
.site-main .ueber-uns-foundation__cta-label::after,
.site-main .foundation-text-bild__cta-label::after {
content: '';
position: absolute;
left: 0; right: 0; bottom: -2px;
height: 1px;
background: currentColor;
transform-origin: left center;
transform: scaleX(1);
transition: transform 300ms ease-out;
}
.site-main .ueber-uns-foundation__cta:hover .ueber-uns-foundation__cta-label::after,
.site-main .ueber-uns-foundation__cta:focus-visible .ueber-uns-foundation__cta-label::after,
.site-main .foundation-text-bild__cta:hover .foundation-text-bild__cta-label::after,
.site-main .foundation-text-bild__cta:focus-visible .foundation-text-bild__cta-label::after {
transform: scaleX(0);
transform-origin: right center;
}
.site-main .ueber-uns-foundation__cta:hover .ueber-uns-foundation__cta-marker,
.site-main .ueber-uns-foundation__cta:focus-visible .ueber-uns-foundation__cta-marker,
.site-main .foundation-text-bild__cta:hover .foundation-text-bild__cta-marker,
.site-main .foundation-text-bild__cta:focus-visible .foundation-text-bild__cta-marker {
background: var(--color-navy-900);
}
@media (max-width: 767px) {
.site-main .ueber-uns-foundation__image,
.site-main .foundation-text-bild__image {
width: 100%;
max-width: 100%;
}
} .portraits__photo picture { display: block; width: 100%; height: 100%; }
.portraits__photo picture img { display: block; width: 100%; height: 100%; object-fit: cover; } .leistungen-contact__links { display: contents; } @media (max-width: 999px) {
.site-main .leistungen-contact { padding: 64px 24px; }
.site-main .leistungen-contact__card {
height: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 40px; padding: 32px 24px;
text-align: left;
}
.site-main .leistungen-contact__question {
position: static;
width: auto;
order: 0;
}
.site-main .leistungen-contact__portrait {
position: static;
order: 1;
width: 100%;
max-width: 420px;
}
.site-main .leistungen-contact__portrait img {
width: 100%;
height: auto;
max-width: 100%;
position:static;
}
.site-main .leistungen-contact__details {
position: static;
width: auto;
height: auto;
order: 3;
display: flex;
flex-direction: column;
gap: 8px;
}
.site-main .leistungen-contact__name,
.site-main .leistungen-contact__role { position: static; }
.site-main .leistungen-contact__links {
display: flex;
flex-direction: row;
flex-wrap: wrap;
gap: 24px;
margin-top: 12px;
}
.site-main .leistungen-contact__link,
.site-main .leistungen-contact__link--mail,
.site-main .leistungen-contact__link--linkedin {
position: static;
top: auto;
width: auto;
display: block;
margin-bottom: 10px;
}
}
@media (max-width: 599px) {
.site-main .leistungen-contact__question {
order: 0;
}
.site-main .leistungen-contact__portrait {
order: 1;
}
.site-main .leistungen-contact__details {
order: 2;
}
} @media (max-width: 599px) {
.site-main .benefits__panel,
.site-main .karriere-benefits-panel { padding-top: 42px; padding-bottom: 42px; }
.site-main .benefits__heading,
.site-main .karriere-benefits__heading { margin-bottom: 24px; }
.site-main .benefits__title,
.site-main .karriere-benefits__title { margin-bottom: 8px; }
.site-main .benefits__body,
.site-main .karriere-benefits__body { margin-top: 0; }
} .galerie__head {
width: 1320px;
max-width: 100%;
margin: 0 auto;
padding: 0 60px;
box-sizing: border-box;
display: grid;
grid-template-columns: minmax(0, 525px) minmax(0, 553px);
justify-content: space-between;
column-gap: 62px;
align-items: start;
}
.galerie__body,
.karriere-impressionen__body {
display: block;
margin: 0;
font-family: var(--font-sans, 'IBM Plex Sans'), sans-serif;
font-size: var(--fs-body-l, 20px);
line-height: var(--lh-body-l, 1.4);
font-weight: var(--fw-regular, 400);
color: var(--color-navy-900, #00101e);
}
.galerie__body p { margin: 0 0 0.6em; }
.galerie__body p:last-child { margin-bottom: 0; }
@media (max-width: 1023px) {
.galerie__head { grid-template-columns: 1fr; row-gap: 20px; padding: 0 40px; }
}
@media (max-width: 599px) {
.galerie__head { padding: 0 24px; }
} .site-main .instagram,
.site-main .karriere-impressionen-instagram-section {
background: var(--color-white, #fff);
padding: 48px 0;
}
.instagram__embed { width: 100%; }
.instagram__embed > div { width: 100%; } @media (max-width: 599px) {
.site-main .leistungen-zielbild-cards__heading,
.site-main .leistungen-transformieren__heading,
.site-main .bunte-cards__heading,
.site-main .buzzwords__heading,
.site-main .text-bild__headline,
.site-main .foundation-text-bild__heading,
.site-main .ueber-uns-foundation__heading,
.site-main .jobs__heading,
.site-main .karriere-positionen__heading,
.site-main .benefits__heading,
.site-main .karriere-benefits__heading,
.site-main .galerie__heading,
.site-main .karriere-impressionen__heading,
.site-main .leistungen-prozess--v2 .leistungen-prozess__heading,
.site-main .insights-teaser__heading,
.site-main .branche-insights-teaser__heading,
.site-main .grafik__headline {
font-size: 28px;
line-height: 1.15;
}
.site-main .leistungen-prozess--v2 .leistungen-prozess__subhead,
.site-main .leistungen-prozess--v2 .leistungen-prozess__subhead p {
font-size: 20px;
line-height: 1.4;
}
.site-main .leistungen-service-card__title,
.site-main .bunte-card__title,
.site-main .jobs__title,
.site-main .karriere-positionen__title,
.site-main .benefits__title,
.site-main .karriere-benefits__title,
.site-main .leistungen-prozess--v2 .leistungen-prozess__step-title {
font-size: 20px;
line-height: 1.25;
}
.site-main .leistungen-service-card__body,
.site-main .leistungen-service-card__body > p,
.site-main .bunte-card__body,
.site-main .text-bild__body,
.site-main .text-bild__body p,
.site-main .ueber-uns-intro-split__copy,
.site-main .foundation-text-bild__body,
.site-main .ueber-uns-foundation__body,
.site-main .benefits__body,
.site-main .karriere-benefits__body {
font-size: 18px;
line-height: 1.4;
} }
.grafik__headline, .grafik__begleittext{
max-width: 1140px;
margin: 0 auto;
}
@media (max-width: 1279px) {
.leistungen-cases__paging {
margin-top:-60px;
}
.leistungen-cases__heading {
width:65%;
}
}
.text-modul h2, .text-modul h3, .text-modul h4, .text-modul h1{
color: rgb(0, 16, 30);
}
@media (max-width: 1279px) {
#lede{
margin-bottom: 20px !important;
}
}
@media (max-width: 1023px) {
.header-unterseite-einfach__lede {
position: static;
}
}
@media (min-width: 600px) and (max-width:1023px) {
.header-unterseite-einfach__text {
margin-top: 90px;
}
.header-unterseite-einfach__lede {
padding-top:30px;
}
}
@media (max-width: 600px) {
.header-unterseite-einfach__inner {
bottom: 30px;
}
}
@media (min-width: 1280px) and (max-width: 1440px) {
.hero-circle {
left: 50%;
transform: translateX(-50%);
}
}
@media (max-width: 1399px) {
.leistungen-teaser[data-mode="sticky"] .leistungen-teaser__sticky {
top: 90px;
}
} @media (min-width: 1280px) and (max-height: 900px) {
.leistungen-teaser[data-mode="sticky"] .leistungen-teaser__sticky {
top: 0;
height: 100vh;
height: 100dvh;
box-sizing: border-box;
padding-top: 96px;
padding-bottom: 96px;
align-items: center;
margin-top: 0;
margin-bottom: 0;
}
}
@media (max-width: 1279px) {
.leistungen-teaser[data-mode="sticky"] .leistungen-teaser__sticky {
position: static;
height: auto;
display: block;
margin-top: 40px;
margin-bottom: 40px;
}
.leistungen-teaser[data-mode="sticky"] {
height: auto;
}
.leistungen-teaser[data-mode="sticky"] .twin-cards-carousel {
overflow: visible;
scroll-snap-type: none;
}
.leistungen-teaser[data-mode="sticky"] .twin-cards-carousel-track {
transform: none !important;
max-height: none;
}
} @media (min-width: 1024px) and (max-width: 1279px) {
[data-cases-teaser].leistungen-cases {
width: 100% !important;
zoom: 1 !important;
padding-bottom: 64px;
overflow: hidden;
}
[data-cases-teaser] .leistungen-cases__stage {
width: 100%;
max-width: none;
height: auto;
padding: 56px clamp(40px, 4.7vw, 60px) 0;
}
[data-cases-teaser] .leistungen-cases__inner {
position: static;
width: 100%;
height: auto;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
grid-template-rows: auto auto;
column-gap: 24px;
row-gap: 24px;
}
[data-cases-teaser] .leistungen-cases__heading {
position: static;
grid-column: 1;
grid-row: 1;
width: auto;
align-self: center;
}
[data-cases-teaser] .leistungen-cases__paging {
position: static;
grid-column: 2;
grid-row: 1;
align-self: center;
margin: 0;
}
[data-cases-teaser] .swiper.leistungen-cases__swiper {
position: static;
grid-column: 1 / -1;
grid-row: 2;
width: 100%;
height: auto !important;
overflow: visible;
}
[data-cases-teaser] .leistungen-cases__swiper .swiper-wrapper {
height: auto !important;
align-items: stretch;
flex-wrap: nowrap !important;
}
[data-cases-teaser] .leistungen-cases__swiper .swiper-slide.leistungen-cases__teaser {
display: flex !important;
flex-direction: column;
width: calc(100% - 64px) !important;
height: auto !important;
min-width: 0;
flex: 0 0 calc(100% - 64px) !important;
overflow: hidden;
}
[data-cases-teaser] .leistungen-cases__teaser-img {
width: 100% !important;
height: auto !important;
min-width: 0;
flex: none !important;
aspect-ratio: 653 / 436;
}
[data-cases-teaser] .leistungen-cases__teaser-img img {
width: 100%;
height: 100%;
object-fit: cover;
}
[data-cases-teaser] .leistungen-cases__teaser-body {
position: relative !important;
inset: auto !important;
width: 100% !important;
height: auto !important;
min-width: 0;
margin: 0 !important;
transform: none !important;
flex: none !important;
box-sizing: border-box;
}
}.insights-uebersicht {
background: var(--color-white);
color: var(--color-navy-900);
} .insights-hero {
position: relative;
width: 100%;
height: 650px;
background: var(--color-navy-900);
overflow: hidden;
} .insights-hero__stage {
position: relative;
width: 100%;
max-width: var(--design-width);
height: 100%;
margin: 0 auto;
} .insights-hero-circle {
position: absolute;
left: 283px;
top: -112px;
width: 874px;
height: 874px;
border-radius: 500px;
overflow: hidden;
}
.insights-hero-ellipse {
position: absolute;
display: block;
border-radius: 50%;
} .insights-hero-ellipse--bg {
left: 0;
top: 0;
width: 874px;
height: 874px;
background: rgba(0, 64, 121, 0.30);
} .insights-hero-ellipse--mid {
left: 211px;
top: 214px;
width: 453px;
height: 453px;
background: var(--color-blue-500);
opacity: 0.10;
} .insights-hero-ellipse--glow {
left: 389px;
top: 345px;
width: 835px;
height: 835px;
background: rgba(255, 255, 255, 0.07);
} .insights-hero-headline {
position: absolute;
left: 60px;
top: 220px;
width: 1115px;
margin: 0;
color: var(--color-white);
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h1-insights);
line-height: var(--lh-h1-insights);
text-align: left;
} .insights-hero-lede-block {
position: absolute;
left: 60px;
top: 442px;
width: 451px;
display: flex;
flex-direction: column;
gap: 36px;
} .insights-hero-line {
display: block;
width: 100px;
height: 1px;
background: var(--color-white);
} .insights-hero-lede {
margin: 0;
color: var(--color-white);
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-l);
line-height: var(--lh-body-l);
text-align: left;
} .insights-filter-wrap {
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 80px 150px 0 150px;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 20px; } .insights-filter {
display: flex;
flex-direction: row;
align-items: center;
gap: 30px;
} .insights-filter-dropdown-wrap {
position: relative;
width: 360px;
} .insights-filter-dropdown {
display: flex;
flex-direction: row;
align-items: center;
width: 100%;
height: 48px;
padding: 11px 12px 11px 16px;
gap: 16px;
box-sizing: border-box;
background: transparent;
border: 0;
box-shadow: inset 0 0 0 1px var(--color-navy-900);
color: var(--color-navy-900);
font: inherit;
cursor: pointer;
transition: var(--transition-default);
}
.insights-filter-dropdown:hover { box-shadow:
inset 0 0 0 1px var(--color-navy-900),
inset 0 -2px 0 var(--color-navy-900);
}
.insights-filter-dropdown-label {
flex: 1;
margin: 0;
text-align: left;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-filter-label);
line-height: var(--lh-filter-label);
color: var(--color-navy-900);
}
.insights-filter-dropdown-icon {
display: block;
width: 24px;
height: 24px;
flex-shrink: 0;
transition: transform 300ms ease-out;
} .insights-filter-dropdown[aria-expanded="true"] .insights-filter-dropdown-icon {
transform: rotate(180deg);
} .insights-filter-dropdown[aria-expanded="true"] {
box-shadow:
inset 0 0 0 1px var(--color-navy-900),
inset 0 -2px 0 var(--color-navy-900);
}
.insights-filter-dropdown-panel {
position: absolute;
top: calc(100% - 1px); left: 0;
width: 100%;
margin: 0;
padding: 8px 0;
list-style: none;
background: var(--color-white);
border: 1px solid var(--color-navy-900);
box-sizing: border-box;
z-index: 10;
}
.insights-filter-dropdown-panel[hidden] {
display: none;
}
.insights-filter-dropdown-option {
padding: 12px 16px;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-filter-label);
line-height: var(--lh-filter-label);
color: var(--color-navy-900);
cursor: pointer;
transition: background-color 150ms ease-out;
}
.insights-filter-dropdown-option:hover,
.insights-filter-dropdown-option:focus,
.insights-filter-dropdown-option.is-selected {
background: var(--color-gray-50);
outline: none;
} .insights-filter-tags {
list-style: none;
margin: 0;
padding: 0;
display: flex;
flex-direction: row;
align-items: center;
gap: 8px;
width: fit-content; }
.insights-filter-tags-item {
display: flex;
} .insights-filter-tag {
display: flex;
flex-direction: row;
align-items: center;
padding: 12px;
gap: 8px;
background: var(--color-gray-50);
border: 0;
color: var(--color-navy-900);
font: inherit;
cursor: pointer;
transition: var(--transition-default);
}
.insights-filter-tag:hover {
box-shadow: inset 0 -1px 0 var(--color-navy-900);
}
.insights-filter-tag-label {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-filter-tag);
line-height: var(--lh-filter-tag);
color: var(--color-navy-900);
}
.insights-filter-tag-icon {
display: block;
width: 16px;
height: 16px;
flex-shrink: 0;
} .insights-grid-wrap {
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 32px 150px 0 150px; box-sizing: border-box;
}
.insights-grid {
display: flex;
flex-direction: row;
gap: 30px; } .insights-col {
display: flex;
flex-direction: column;
gap: 32px; width: 360px;
} .insights-load-more {
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 48px 150px 100px 150px; box-sizing: border-box;
display: flex;
justify-content: center;
} .btn-blue-outline {
height: 48px;
padding: 12px 24px;
gap: 8px;
color: var(--color-navy-900);
background: var(--color-white);
border: 0;
box-shadow: inset 0 0 0 1px var(--color-navy-900);
}
.btn-blue-outline:hover,
.btn-blue-outline:focus-visible {
background: var(--color-navy-900);
color: var(--color-white);
}   @media (max-width: 1439px) {
.insights-filter-wrap { padding: 80px 60px 0 60px; }
.insights-grid-wrap   { padding: 32px 60px 0 60px; }
.insights-load-more   { padding: 48px 60px 100px 60px; }
}  @media (max-width: 1279px) { .insights-hero {
height: auto;
min-height: 480px;
padding: 120px 60px 80px;
display: flex;
flex-direction: column;
gap: 48px;
}
.insights-hero-circle {
left: auto;
right: -200px;
top: -160px;
width: clamp(560px, 70vw, 874px);
height: clamp(560px, 70vw, 874px);
opacity: 0.7;
z-index: 0;
}
.insights-hero-headline,
.insights-hero-lede-block {
position: relative;
left: auto;
top: auto;
z-index: 1;
}
.insights-hero-headline {
width: 100%;
max-width: 1115px;
font-size: clamp(72px, 9vw, 110px);
line-height: 1.05;
}
.insights-hero-lede-block {
width: 100%;
max-width: 451px;
} .insights-filter-dropdown-wrap {
flex: 1 1 0;
min-width: 0;
width: auto;
} .insights-grid {
flex-wrap: wrap;
}
.insights-col {
flex: 0 1 calc(50% - 15px);
min-width: 0;
width: auto;
}
.insight-card { width: 100%; }
}  @media (max-width: 1023px) {
.insights-hero {
padding: 100px 40px 64px;
}
.insights-hero-headline {
font-size: clamp(56px, 8vw, 90px);
}
.insights-hero-circle {
right: -240px;
top: -200px;
opacity: 0.55;
}
.insights-filter-wrap { padding: 64px 40px 0 40px; }
.insights-grid-wrap   { padding: 32px 40px 0 40px; }
.insights-load-more   { padding: 48px 40px 80px 40px; }
.insights-filter {
flex-direction: column;
align-items: stretch;
gap: 16px;
}
.insights-filter-dropdown-wrap {
width: 100%;
}
.insights-col {
flex: 1 1 100%;
}
}  @media (max-width: 767px) {
.insights-hero {
padding: 100px 24px 80px; gap: 36px;
min-height: 480px; } .insights-hero-circle {
right: -200px;
top: -160px;
width: clamp(420px, 90vw, 560px);
height: clamp(420px, 90vw, 560px);
opacity: 0.55;
}
.insights-hero-headline {
font-size: clamp(44px, 12vw, 72px);
line-height: 1.1;
}
.insights-hero-lede {
font-size: 18px;
line-height: 1.4;
}
.insights-hero-lede-block {
gap: 24px;
}
.insights-filter-wrap { padding: 48px 24px 0 24px; gap: 16px; }
.insights-filter-tags {
flex-wrap: wrap;
width: auto;
}
.insights-grid-wrap   { padding: 32px 24px 0 24px; }
.insights-grid        { gap: 24px; }
.insights-col         { gap: 24px; }
.insights-load-more   { padding: 40px 24px 64px 24px; }
} @media (max-width: 479px) {
.insights-hero {
padding: 88px 20px 64px;
gap: 32px;
min-height: 440px;
}
.insights-hero-headline { font-size: 40px; line-height: 1.1; }
.insights-hero-circle {
right: -160px;
top: -120px;
width: 420px;
height: 420px;
opacity: 0.5;
}
.insights-filter-wrap { padding: 40px 20px 0 20px; }
.insights-grid-wrap   { padding: 32px 20px 0 20px; }
.insights-load-more   { padding: 32px 20px 48px 20px; } .insights-filter-dropdown {
padding: 11px 12px;
gap: 12px;
}
}.kontakt-hero {
position: relative;
width: 100%;
background: var(--color-navy-900);
overflow: hidden;
}
.kontakt-hero-inner {
position: relative;
width: 100%;
max-width: 1440px;
height: 650px;
margin: 0 auto;
overflow: hidden;
} .kontakt-hero-circles {
position: absolute;
left: 283px;
top: -112px;
width: 874px;
height: 874px;
border-radius: 50%;
overflow: hidden;
}
.kontakt-hero-circle {
position: absolute;
border-radius: 50%;
} .kontakt-hero-circle--back {
left: 0;
top: 0;
width: 874px;
height: 874px;
background: rgba(0, 64, 121, 0.30);
} .kontakt-hero-circle--mid {
left: 211px;
top: 214px;
width: 453px;
height: 453px;
background: var(--color-blue-500);
opacity: 0.10;
} .kontakt-hero-circle--front {
left: 389px;
top: 345px;
width: 835px;
height: 835px;
background: rgba(255, 255, 255, 0.07);
} .kontakt-hero-headline {
position: absolute;
left: 60px;
top: 220px;
width: 1125px;
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-h1-insights);
line-height: var(--lh-h1-insights);
font-weight: var(--fw-semibold);
color: var(--color-white);
} .kontakt-hero-lede {
position: absolute;
left: 60px;
top: 498px;
width: 451px;
display: flex;
flex-direction: column;
gap: 36px;
}
.kontakt-hero-rule {
display: block;
width: 100px;
height: 1px;
background: var(--color-white);
}
.kontakt-hero-lede-text {
margin: 0;
width: 100%;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-l);
line-height: var(--lh-body-l);
color: var(--color-white);
} .kontakt-form-section {
position: relative;
width: 100%;
padding-top: 80px; background: var(--color-white);
}
.kontakt-form-section-inner {
position: relative;
width: 100%;
max-width: 1440px;
height: 1157px;
margin: 0 auto;
} .kontakt-form-panel {
position: absolute;
top: 0;
width: 1138px;
height: 1220px;
background: var(--color-gray-50);
}
.kontakt-form-heading {
position: absolute;
left: 193px;
top: 80px;
width: 750px;
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-h2-card); line-height: var(--lh-h2-card); font-weight: var(--fw-semibold);
color: var(--color-navy-900);
}
.kontakt-form-intro {
position: absolute;
left: 193px;
top: 150px;
width: 748px;
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-body-l); line-height: var(--lh-body-l); font-weight: var(--fw-regular);
color: var(--color-navy-900);
} .kontakt-form {
position: absolute;
left: 193px;
top: 282px;
width: 750px;
display: flex;
flex-direction: column;
gap: 24px;
margin: 0;
} .kontakt-form-field {
position: relative;
width: 100%;
height: 52px;
}
.kontakt-form-input {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 11px 16px;
background: var(--color-white);
border: 1px solid var(--color-navy-900);
border-radius: 0;
font-family: var(--font-sans);
font-size: var(--fs-filter-label); line-height: var(--lh-filter-label); font-weight: var(--fw-regular);
color: var(--color-navy-900);
appearance: none;
-webkit-appearance: none;
box-sizing: border-box;
transition: border-color 200ms ease-out, box-shadow 200ms ease-out;
}
.kontakt-form-input::placeholder {
color: transparent;
}
.kontakt-form-input:focus {
outline: none;
border-color: var(--color-blue-500);
box-shadow: 0 0 0 1px var(--color-blue-500);
} .kontakt-form-label {
position: absolute;
left: 16px;
top: 50%;
transform: translateY(-50%);
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-filter-label); line-height: var(--lh-filter-label); font-weight: var(--fw-regular);
color: var(--color-navy-900);
pointer-events: none;
transition: opacity 200ms ease-out, visibility 200ms ease-out;
}
.kontakt-form-input:focus ~ .kontakt-form-label,
.kontakt-form-input:not(:placeholder-shown) ~ .kontakt-form-label,
.kontakt-form-textarea:focus ~ .kontakt-form-label,
.kontakt-form-textarea:not(:placeholder-shown) ~ .kontakt-form-label {
opacity: 0;
visibility: hidden;
} .kontakt-form-required {
color: var(--color-blue-500);
} .kontakt-form-field--textarea {
height: 160px;
}
.kontakt-form-textarea {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 16px;
background: var(--color-white);
border: 1px solid var(--color-blue-700);
border-radius: 0;
font-family: var(--font-sans);
font-size: var(--fs-filter-label);
line-height: var(--lh-filter-label);
font-weight: var(--fw-regular);
color: var(--color-navy-900);
resize: vertical;
box-sizing: border-box;
transition: border-color 200ms ease-out, box-shadow 200ms ease-out;
}
.kontakt-form-textarea::placeholder {
color: transparent;
}
.kontakt-form-textarea:focus {
outline: none;
border-color: var(--color-blue-500);
box-shadow: 0 0 0 1px var(--color-blue-500);
} .kontakt-form-label--top {
top: 16px;
transform: none;
} .kontakt-form-note {
width: 651px;
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-nav); line-height: var(--lh-nav); font-weight: var(--fw-regular);
color: var(--color-navy-900);
} .kontakt-form-checkbox-row {
display: flex;
flex-direction: row;
align-items: center;
gap: 12px;
width: fit-content;
height: 25px;
}
.kontakt-form-checkbox {
flex-shrink: 0;
width: 20px;
height: 20px;
margin: 0;
background: var(--color-white);
border: 1px solid var(--color-navy-900);
border-radius: 0;
appearance: none;
-webkit-appearance: none;
cursor: pointer;
display: inline-grid;
place-content: center;
box-sizing: border-box;
}
.kontakt-form-checkbox:checked::before {
content: '';
width: 12px;
height: 12px;
background: var(--color-navy-900);
}
.kontakt-form-checkbox:focus-visible {
outline: 2px solid var(--color-blue-500);
outline-offset: 2px;
}
.kontakt-form-checkbox-label {
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-body-m); line-height: var(--lh-body-m); font-weight: var(--fw-regular);
color: var(--color-navy-900);
cursor: pointer;
}
.kontakt-form-link {
color: var(--color-blue-500);
text-decoration: underline;
text-underline-offset: 2px;
}
.kontakt-form-link:hover,
.kontakt-form-link:focus-visible {
color: var(--color-navy-900);
} .kontakt-form-submit-row {
display: flex;
flex-direction: column;
align-items: flex-end;
padding-top: 12px;
width: 100%;
}
.kontakt-form-submit {
display: inline-flex;
align-items: center;
justify-content: center;
width: 130px;
height: 52px;
padding: 12px 24px;
gap: 8px;
background: var(--color-blue-500);
border: 1px solid var(--color-blue-500);
border-radius: 0;
font-family: var(--font-sans);
font-size: var(--fs-body-m); line-height: var(--lh-body-m); font-weight: var(--fw-regular);
color: var(--color-white);
cursor: pointer;
transition: var(--transition-default); box-sizing: border-box;
}
.kontakt-form-submit:hover,
.kontakt-form-submit:focus-visible {
background: var(--color-navy-900);
border-color: var(--color-navy-900);
outline: none;
} .kontakt-contact-section {
position: relative;
width: 100%;
padding-top: 100px; padding-bottom: 100px; background: var(--color-white);
}
.kontakt-contact-section-inner {
position: relative;
width: 100%;
max-width: 1440px;
height: 290px;
margin: 0 auto;
}
.kontakt-contact-card {
position: absolute;
left: 150px;
top: 0;
width: 1139px;
height: 290px;
background: var(--color-white);
box-shadow: inset 0 0 0 1px var(--color-navy-900);
box-sizing: border-box;
}
.kontakt-contact-question {
position: absolute;
left: 32px;
top: 32px;
width: 359px;
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-card-title-l); line-height: var(--lh-card-title-l); font-weight: var(--fw-semibold);
color: var(--color-navy-900);
}
.kontakt-contact-info {
position: absolute;
left: 421px;
top: 32px;
width: 228px;
height: 157px;
}
.kontakt-contact-name {
position: absolute;
left: 0;
top: 0;
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-card-title-l); line-height: var(--lh-card-title-l); font-weight: var(--fw-semibold);
color: var(--color-navy-900);
}
.kontakt-contact-role {
position: absolute;
left: 0;
top: 43px;
width: 228px;
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-body-m); line-height: var(--lh-body-m); font-weight: var(--fw-regular);
color: var(--color-navy-900);
} .kontakt-contact-link {
position: absolute;
left: 0;
display: inline-flex;
flex-direction: row;
align-items: center;
gap: 12px;
height: 27px;
color: var(--color-navy-900);
text-decoration: none;
}
.kontakt-contact-link--mail     { top: 91px;  }
.kontakt-contact-link--linkedin { top: 130px; }
.kontakt-contact-link-icon {
display: inline-flex;
flex-shrink: 0;
width: 24px;
height: 24px;
overflow: hidden;
}
.kontakt-contact-link-icon svg {
display: block;
width: 100%;
height: 100%;
} .kontakt-contact-link-label {
position: relative;
font-family: var(--font-sans);
font-size: var(--fs-body-m); line-height: var(--lh-body-m); font-weight: var(--fw-regular);
}
.kontakt-contact-link-label::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 2px; height: 1px;
background: var(--color-navy-900);
transform-origin: right center;
transition: transform 300ms ease-out;
}
.kontakt-contact-link:hover .kontakt-contact-link-label::after,
.kontakt-contact-link:focus-visible .kontakt-contact-link-label::after {
transform: scaleX(0);
}
.kontakt-contact-link:focus-visible {
outline: none;
} .kontakt-contact-photo {
position: absolute;
left: 927px;
top: 32px;
width: 180px;
height: 226px;
overflow: hidden;
}
.kontakt-contact-photo-img {
position: absolute;
left: -252px;
top: -44px;
width: 534px;
height: 534px;
max-width: none;
display: block;
}   @media (max-width: 1439px) { .kontakt-form-section-inner {
height: auto;
max-width: none;
padding: 0 60px;
box-sizing: border-box;
}
.kontakt-form-panel {
position: relative;
left: auto; top: auto;
width: 100%;
max-width: 1138px;
height: auto;
margin: 0 auto;
padding: 80px 90px;
box-sizing: border-box;
}
.kontakt-form-heading,
.kontakt-form-intro,
.kontakt-form {
position: relative;
left: auto; top: auto;
width: 100%;
max-width: 750px;
}
.kontakt-form-heading { margin: 0; }
.kontakt-form-intro   { margin: 24px 0 0; }
.kontakt-form         { margin: 36px 0 0; } .kontakt-contact-section-inner {
height: auto;
max-width: none;
padding: 0 60px;
box-sizing: border-box;
}
.kontakt-contact-card {
position: relative;
left: auto; top: auto;
width: 100%;
max-width: 1139px;
height: auto;
min-height: 290px;
margin: 0 auto;
padding: 32px;
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 30px;
box-sizing: border-box;
}
.kontakt-contact-question {
position: relative;
left: auto; top: auto;
flex: 0 1 359px;
max-width: 359px;
}
.kontakt-contact-info {
position: relative;
left: auto; top: auto;
flex: 0 0 228px;
width: 228px;
height: 157px;
}
.kontakt-contact-photo {
position: relative;
left: auto; top: auto;
flex: 0 0 180px;
margin-left: auto;
}
}  @media (max-width: 1279px) {
.kontakt-hero-inner {
height: auto;
min-height: 480px;
padding: 120px 60px 80px;
display: flex;
flex-direction: column;
gap: 48px;
}
.kontakt-hero-headline,
.kontakt-hero-lede {
position: relative;
left: auto; top: auto;
z-index: 1;
}
.kontakt-hero-headline {
width: 100%;
max-width: 1125px;
font-size: clamp(64px, 8vw, 110px);
line-height: 1.05;
}
.kontakt-hero-lede {
width: 100%;
max-width: 451px;
} .kontakt-hero-circles {
left: auto;
right: -200px;
top: -160px;
width: clamp(560px, 70vw, 874px);
height: clamp(560px, 70vw, 874px);
opacity: 0.7;
z-index: 0;
}
.kontakt-hero-circle--back  { left: 0;   top: 0;   width: 100%; height: 100%; }
.kontakt-hero-circle--mid   { left: 24%; top: 24%; width: 52%;  height: 52%;  }
.kontakt-hero-circle--front { left: 45%; top: 39%; width: 96%;  height: 96%;  }
.kontakt-form-section { padding-top: 64px; }
.kontakt-form-panel   { padding: 64px 60px; }
.kontakt-contact-section { padding-top: 80px; padding-bottom: 80px; }
.kontakt-contact-card    { gap: 20px; padding: 28px; }
.kontakt-contact-question { flex-basis: 320px; max-width: 320px; }
}  @media (max-width: 1023px) {
.kontakt-hero-inner {
padding: 100px 40px 64px;
gap: 40px;
}
.kontakt-hero-headline { font-size: clamp(56px, 9vw, 88px); }
.kontakt-hero-circles {
right: -240px;
top: -200px;
opacity: 0.55;
}
.kontakt-form-section-inner { padding: 0 40px; }
.kontakt-form-panel         { padding: 56px 40px; }
.kontakt-form-note          { width: auto; max-width: 651px; }
.kontakt-contact-section-inner { padding: 0 40px; }
.kontakt-contact-card {
flex-direction: column;
align-items: stretch;
gap: 32px;
padding: 32px;
}
.kontakt-contact-question {
flex: 0 0 auto;
width: 100%;
max-width: none;
} .kontakt-contact-info {
flex: 0 0 auto;
width: 100%;
height: auto;
display: flex;
flex-direction: column;
gap: 12px;
}
.kontakt-contact-name,
.kontakt-contact-role,
.kontakt-contact-link {
position: relative;
left: auto; top: auto;
}
.kontakt-contact-link--mail,
.kontakt-contact-link--linkedin { top: auto; }
.kontakt-contact-role { width: auto; max-width: 228px; }
.kontakt-contact-photo {
flex: 0 0 auto;
width: 100%;
max-width: 320px;
height: 226px;
margin: 0;
}
} @media (max-width: 767px) {
.kontakt-hero-inner {
padding: 100px 24px 80px; gap: 36px;
min-height: 480px; }
.kontakt-hero-headline {
font-size: clamp(44px, 12vw, 72px);
line-height: 1.1;
}
.kontakt-hero-lede-text { font-size: 18px; line-height: 1.4; }
.kontakt-hero-lede      { gap: 24px; } .kontakt-hero-circles {
right: -200px;
top: -160px;
width: clamp(420px, 90vw, 560px);
height: clamp(420px, 90vw, 560px);
opacity: 0.55;
}
.kontakt-form-section       { padding-top: 48px; }
.kontakt-form-section-inner { padding: 0 24px; }
.kontakt-form-panel         { padding: 48px 24px; }
.kontakt-form-heading       { font-size: 32px; line-height: 1.15; }
.kontakt-form-intro         { font-size: 18px; line-height: 1.5; }
.kontakt-form               { gap: 20px; }
.kontakt-form-submit-row    { align-items: stretch; padding-top: 8px; }
.kontakt-form-submit        { width: 100%; }
.kontakt-contact-section       { padding-top: 64px; padding-bottom: 64px; }
.kontakt-contact-section-inner { padding: 0 24px; }
.kontakt-contact-card          { padding: 24px; gap: 24px; }
.kontakt-contact-question      { font-size: 22px; line-height: 1.2; }
} @media (max-width: 479px) {
.kontakt-hero-inner {
padding: 88px 20px 64px;
gap: 32px;
min-height: 440px;
}
.kontakt-hero-headline { font-size: 40px; line-height: 1.1; }
.kontakt-hero-circles {
right: -160px;
top: -120px;
width: 420px;
height: 420px;
opacity: 0.5;
}
.kontakt-form-section       { padding-top: 40px; }
.kontakt-form-section-inner { padding: 0 20px; }
.kontakt-form-panel         { padding: 40px 20px; }
.kontakt-contact-section       { padding-top: 48px; padding-bottom: 48px; }
.kontakt-contact-section-inner { padding: 0 20px; }
.kontakt-contact-card          { padding: 20px; }
}body.page-template-page-leistungen-transform .site-header,
body.page-template-page-leistungen-transform-php .site-header { } .leistungen-hero {
position: relative;
width: 100%;
background: var(--color-blue-500);
overflow: hidden;
}
.leistungen-hero__stage {
position: relative;
width: 100%;
max-width: 1440px;
height: 650px;
margin: 0 auto;
} .leistungen-hero__title {
position: absolute;
left: 60px;
top: 220px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h1-insights);
line-height: var(--lh-h1-insights);
color: var(--color-white);
} .leistungen-hero__lede {
position: absolute;
left: 60px;
top: 470px;
width: 451px;
display: flex;
flex-direction: column;
gap: 36px;
}
.leistungen-hero__rule {
display: block;
width: 100px;
height: 1px;
background: var(--color-white);
}
.leistungen-hero__lede-text {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-l);
line-height: var(--lh-body-l);
color: var(--color-white);
} .leistungen-hero__orbital {
position: absolute;
inset: 0;
pointer-events: none;
} .leistungen-hero__sat {
position: absolute;
left: 937px;
top: 243px;
width: 156px;
height: 156px;
}
.leistungen-hero__sat-ring,
.leistungen-hero__sat-halo,
.leistungen-hero__sat-dot {
position: absolute;
border-radius: 50%;
}
.leistungen-hero__sat-ring {
left: 0;
top: 0;
width: 156px;
height: 156px;
border: 1px solid var(--color-white);
}
.leistungen-hero__sat-halo {
left: 57px;
top: 57px;
width: 42px;
height: 42px;
border: 1px solid var(--color-white);
}
.leistungen-hero__sat-dot {
left: 72px;
top: 72px;
width: 12px;
height: 12px;
background: var(--color-white);
} .leistungen-hero__arrow {
position: absolute;
left: 1064px;
top: 313px;
width: 59px;
height: 18px;
color: var(--color-white);
}
.leistungen-hero__arrow-line {
position: absolute;
left: 0;
top: 8px;
width: 58px;
height: 1px;
background: currentColor;
}
.leistungen-hero__arrow-tip {
position: absolute;
left: 48px;
top: 0;
display: block;
} .leistungen-hero__rings {
position: absolute;
inset: 0;
}
.leistungen-hero__ring {
position: absolute;
border: 1px solid var(--color-white);
border-radius: 50%;
background: transparent;
}
.leistungen-hero__ring--lg {
left: 1281px;
top: 134px;
width: 374px;
height: 374px;
}
.leistungen-hero__ring--md {
left: 1147px;
top: 186px;
width: 270px;
height: 270px;
}
.leistungen-hero__ring--sm {
left: 1204px;
top: 243px;
width: 156px;
height: 156px;
}
.leistungen-hero__center-dot {
position: absolute;
left: 1268px;
top: 307px;
width: 28px;
height: 28px;
border-radius: 50%;
background: var(--color-white);
}  .leistungen-hero__intro {
background: var(--color-white);
padding: 80px 0 100px;
}
.leistungen-hero__intro-text {
width: 100%;
max-width: 1140px;
margin: 0 auto;
padding: 0 60px;
font-family: var(--font-sans);
font-weight: var(--fw-medium);
font-size: var(--fs-lede);
line-height: var(--lh-lede);
color: var(--color-navy-900);
}
.leistungen-hero__intro-link {
color: var(--color-blue-500);
} .leistungen-cases {
position: relative;
width: 100%;
background: var(--color-white);
overflow: hidden;
padding-bottom: 100px; }
.leistungen-cases__stage {
position: relative;
width: 100%;
max-width: 1440px;
height: 524px;
margin: 0 auto;
} .leistungen-cases__peek {
position: absolute;
left: 1321px;
top: 89px;
width: 652px;
height: 435px;
object-fit: cover;
pointer-events: none;
user-select: none;
} .leistungen-cases__inner {
position: absolute;
left: 150px;
top: 0;
width: 1140px;
height: 524px;
} .leistungen-cases__heading {
position: absolute;
left: 0;
top: 1px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: var(--color-navy-900);
} .leistungen-cases__paging {
position: absolute;
left: 1032px;
top: 0;
width: 108px;
height: 48px;
display: flex;
flex-direction: row;
align-items: center;
gap: 12px; z-index: 2;
}
.leistungen-cases__arrow {
appearance: none;
-webkit-appearance: none;
margin: 0;
padding: 0;
width: 48px;
height: 48px;
border: 1px solid var(--color-navy-900);
border-radius: var(--radius-pill);
background: transparent;
color: var(--color-navy-900);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: var(--transition-default);
}
.leistungen-cases__arrow svg {
display: block;
width: 24px;
height: 24px;
} .leistungen-cases__arrow:hover,
.leistungen-cases__arrow:focus-visible {
background: var(--color-navy-900);
color: var(--color-white);
} .leistungen-cases__arrow[aria-disabled="true"] {
cursor: default;
} .leistungen-cases__teaser {
display: flex;
flex-direction: row;
height: 436px;
background: var(--color-navy-900);
overflow: hidden;
}
.leistungen-cases__teaser-img {
flex: 0 0 653px;
width: 653px;
height: 436px;
overflow: hidden;
}
.leistungen-cases__teaser-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 400ms ease-out;
} .leistungen-cases__teaser:hover .leistungen-cases__teaser-img img,
.leistungen-cases__teaser:focus-within .leistungen-cases__teaser-img img {
transform: scale(1.05);
}
.leistungen-cases__teaser:hover .leistungen-cases__title,
.leistungen-cases__teaser:focus-within .leistungen-cases__title {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
} .leistungen-cases__teaser-body {
flex: 0 0 487px;
width: 487px;
height: 436px;
padding: 32px;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 4px;
color: var(--color-white);
} .leistungen-cases__date {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-label-uc);
line-height: var(--lh-label-uc);
color: var(--color-white);
text-transform: uppercase;
} .leistungen-cases__content {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
} .leistungen-cases__copy {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
}
.leistungen-cases__title {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-white);
}
.leistungen-cases__body {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-white);
} .leistungen-cases__link {
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
align-self: flex-start;
color: var(--color-white);
}
.leistungen-cases__link-ring {
display: block;
width: 14px;
height: 14px;
box-sizing: border-box;
border: 2px solid var(--color-white);
border-radius: 50%;
flex: 0 0 14px;
}
.leistungen-cases__link-label {
display: inline-block;
padding-bottom: 2px;
border-bottom: 1px solid var(--color-white);
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-white);
} .leistungen-zielbild {
width: 100%;
background: var(--color-gray-50);
}
.leistungen-zielbild__stage {
position: relative;
width: 100%;
max-width: 1440px;
height: 992px;
margin: 0 auto;
} .leistungen-zielbild__heading {
position: absolute;
left: 150px;
top: 80px;
margin: 0;
width: 443px;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: var(--color-navy-900);
} .leistungen-zielbild__ring {
position: absolute;
border-radius: 50%;
display: block;
}
.leistungen-zielbild__ring--746 {
left: 353px; top: 166px;
width: 746px; height: 746px;
border: 1px solid var(--color-navy-900);
}
.leistungen-zielbild__ring--538 {
left: 457px; top: 270px;
width: 538px; height: 538px;
border: 1px solid var(--color-navy-900);
}
.leistungen-zielbild__ring--360 {
left: 546px; top: 359px;
width: 360px; height: 360px;
border: 1px solid var(--color-navy-900);
}
.leistungen-zielbild__ring--236 {
left: 608px; top: 421px;
width: 236px; height: 236px;
background: var(--color-gray-25);
opacity: 0.5;
}
.leistungen-zielbild__ring--200 {
left: 626px; top: 439px;
width: 200px; height: 200px;
background: var(--color-gray-25);
}
.leistungen-zielbild__ring--164 {
left: 644px; top: 457px;
width: 164px; height: 164px;
background: var(--color-white);
border: 1px solid var(--color-navy-900);
} .leistungen-zielbild__icon {
position: absolute;
display: block;
background: var(--color-gray-50);
}
.leistungen-zielbild__icon--bl-outer  { left: 333px;  top: 512px; width: 50px; height: 57px; }
.leistungen-zielbild__icon--bl-inner  { left: 433px;  top: 599px; width: 68px; height: 59px; }
.leistungen-zielbild__icon--br-inner  { left: 943px;  top: 599px; width: 68px; height: 59px; }
.leistungen-zielbild__icon--br-outer  { left: 1073px; top: 510px; width: 68px; height: 59px; } .leistungen-zielbild__dot {
position: absolute;
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--color-blue-400);
display: block;
}
.leistungen-zielbild__dot--digitalstrategie    { left: 453px; top: 535px; }
.leistungen-zielbild__dot--change              { left: 468px; top: 808px; }
.leistungen-zielbild__dot--prozessmanagement   { left: 566px; top: 624px; }
.leistungen-zielbild__dot--reifegrad           { left: 721px; top: 355px; }
.leistungen-zielbild__dot--operating           { left: 877px; top: 624px; }
.leistungen-zielbild__dot--technologie         { left: 990px; top: 535px; }
.leistungen-zielbild__dot--programm            { left: 984px; top: 270px; } .leistungen-zielbild__line {
position: absolute;
background: var(--color-navy-900);
display: block;
}
.leistungen-zielbild__line--prozessmanagement   { left: 550px;  top: 628px; width: 16px; height: 1px; }
.leistungen-zielbild__line--operating           { left: 886px;  top: 628px; width: 16px; height: 1px; }
.leistungen-zielbild__line--technologie         { left: 999px;  top: 539px; width: 16px; height: 1px; }
.leistungen-zielbild__line--programm            { left: 993px;  top: 274px; width: 16px; height: 1px; }
.leistungen-zielbild__line--change              { left: 452px;  top: 812px; width: 16px; height: 1px; }
.leistungen-zielbild__line--digitalstrategie    { left: 437px;  top: 539px; width: 16px; height: 1px; } .leistungen-zielbild__line--reifegrad           { left: 726px;  top: 339px; width: 1px;  height: 16px; } .leistungen-zielbild__label {
position: absolute;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
color: var(--color-navy-900);
} .leistungen-zielbild__label--prozessmanagement,
.leistungen-zielbild__label--digitalstrategie,
.leistungen-zielbild__label--change {
width: 197px;
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
text-align: right;
}
.leistungen-zielbild__label--prozessmanagement   { left: 232px; top: 515px; }
.leistungen-zielbild__label--digitalstrategie    { left: 345px; top: 604px; }
.leistungen-zielbild__label--change              { left: 247px; top: 787px; } .leistungen-zielbild__label--technologie,
.leistungen-zielbild__label--programm {
width: 197px;
font-size: var(--fs-card-body);
line-height: var(--lh-card-body);
text-align: left;
}
.leistungen-zielbild__label--technologie         { left: 1023px; top: 516px; }
.leistungen-zielbild__label--programm            { left: 1017px; top: 251px; }
.leistungen-zielbild__label--operating {
width: 130px;
font-size: var(--fs-card-body);
line-height: var(--lh-card-body);
text-align: left;
left: 910px; top: 605px;
} .leistungen-zielbild__label--reifegrad {
width: 130px;
font-size: var(--fs-card-body);
line-height: var(--lh-card-body);
text-align: center;
left: 660px; top: 287px;
} .leistungen-zielbild__label--kickoff {
width: 130px;
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
font-weight: var(--fw-semibold);
text-align: center;
left: 661px; top: 525px;
} .leistungen-zielbild-cards {
width: 100%;
background: var(--color-white);
padding: 100px 0 64px;
}
.leistungen-zielbild-cards__inner {
width: 1140px;
max-width: calc(100% - 300px);
margin: 0 auto;
}
.leistungen-zielbild-cards__heading {
margin: 0 0 40px;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: var(--color-navy-900);
}
.leistungen-zielbild-cards__grid {
display: flex;
gap: 30px;
} .leistungen-service-card {
width: 360px;
flex: 0 0 360px;
padding: 32px;
box-sizing: border-box;
background: var(--color-gray-50); border-radius: 0;
display: flex;
flex-direction: column;
gap: 12px;
}
.leistungen-service-card__title {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-navy-900);
}
.leistungen-service-card__body {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-navy-900);
} .leistungen-transformieren {
width: 100%;
background: var(--color-white);
padding: 0 0 100px;
}
.leistungen-transformieren__inner {
width: 1140px;
max-width: calc(100% - 300px);
margin: 0 auto;
}
.leistungen-transformieren__heading {
margin: 0 0 40px;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: var(--color-navy-900);
}
.leistungen-transformieren__grid {
display: grid;
grid-template-columns: repeat(3, 360px);
gap: 30px;
margin-top:30px;
} .leistungen-prozess {
width: 100%;
background: var(--color-blue-500);
}
.leistungen-prozess__stage {
position: relative;
width: 100%;
max-width: 1440px;
height: 1301px;
margin: 0 auto;
}
.leistungen-prozess__heading {
position: absolute;
left: 443px;
top: 80px;
width: 555px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: var(--color-white);
text-align: center;
}
.leistungen-prozess__subhead {
position: absolute;
left: 364px;
top: 174px;
width: 710px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-lede);
line-height: var(--lh-lede);
color: var(--color-white);
text-align: center;
}  .leistungen-prozess__line {
position: absolute;
left: 720px;
top: 440px;
width: 1px;
height: 618px;
background: none;
background-image: repeating-linear-gradient(
to bottom,
var(--color-white) 0 4px,
transparent 4px 8px
);
display: block;
} .leistungen-prozess__step {
position: absolute;
left: 670px;
width: 100px;
height: 100px;
border: 1px solid var(--color-white);
border-radius: 50%;
background: var(--color-blue-500);
display: flex;
align-items: center;
justify-content: center;
box-sizing: border-box;
color: var(--color-white);
}
.leistungen-prozess__step.is-active {
background: var(--color-white);
color: var(--color-blue-500);
}
.leistungen-prozess__step--n1 { top: 338px; }
.leistungen-prozess__step--n2 { top: 518px; }
.leistungen-prozess__step--n3 { top: 698px; }
.leistungen-prozess__step--n4 { top: 878px; }
.leistungen-prozess__step--n5 { top: 1058px; }
.leistungen-prozess__num {
display: inline-block;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-step-num);
line-height: var(--lh-step-num);
color: inherit;
text-align: center;
} .leistungen-prozess__copy {
position: absolute;
width: 352px;
display: flex;
flex-direction: column;
gap: 12px;
}
.leistungen-prozess__copy--s1 { left: 818px; top: 338px; }
.leistungen-prozess__copy--s2 { left: 270px; top: 518px; }
.leistungen-prozess__copy--s3 { left: 818px; top: 698px; }
.leistungen-prozess__copy--s4 { left: 270px; top: 878px; }
.leistungen-prozess__copy--s5 { left: 818px; top: 1058px; }
.leistungen-prozess__step-title {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-white);
}
.leistungen-prozess__step-body {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-white);
} .leistungen-contact {
width: 100%;
background: var(--color-white);
padding: 100px 0;
}
.leistungen-contact__card {
position: relative;
width: 100%;
max-width: 1139px;
height: 290px;
margin: 0 auto;
border: 1px solid var(--color-navy-900);
background: transparent;
box-sizing: border-box;
color: var(--color-navy-900);
}
.leistungen-contact__question {
position: absolute;
left: 32px;
top: 32px;
width: 359px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-navy-900);
}
.leistungen-contact__details {
position: absolute;
left: 421px;
top: 32px;
width: 228px;
height: 157px;
}
.leistungen-contact__name {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-navy-900);
}
.leistungen-contact__role {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-navy-900);
}
.leistungen-contact__link {
position: relative;
top: 25px;
left: 0;
display: block;
margin-bottom: 10px;
flex-direction: row;
align-items: center;
gap: 12px;
height: 27px;
text-decoration: none;
color: var(--color-navy-900);
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
} .leistungen-contact__link--mail     { width: auto; }
.leistungen-contact__link--linkedin { }
.leistungen-contact__link-icon {
display: inline-flex;
width: 24px;
height: 24px;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.leistungen-contact__link-icon img {
display: block;
} .leistungen-contact__link-text {
position: relative;
display: inline-block;
margin-bottom: 1px;
padding-bottom: 1px;
}
.leistungen-contact__link-text::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: currentColor;
transform-origin: right center;
transform: scaleX(1);
transition: transform 300ms ease-out;
}
.leistungen-contact__link:hover .leistungen-contact__link-text::after,
.leistungen-contact__link:focus-visible .leistungen-contact__link-text::after {
transform: scaleX(0);
}
.leistungen-contact__portrait {
position: absolute;
left: 927px;
top: 32px;
width: 180px;
height: 226px;
overflow: hidden;
}
.leistungen-contact__portrait img {
display: block;
position: absolute;
left: -252px;
top: -44px;
width: 534px;
height: 534px;
max-width: none;
object-fit: cover;
}  :root {
--leistung-scale: 1;
}
@media (max-width: 1439px) and (min-width: 1024px) {
.leistungen-hero,
.leistungen-cases,
.leistungen-zielbild,
.leistungen-zielbild-cards,
.leistungen-transformieren,
.leistungen-prozess,
.leistungen-contact {
width: 1440px;
zoom: var(--leistung-scale);
} .site-header,
.site-header * {
zoom: 1;
}
} @media (max-width: 1023px) { .leistungen-hero__stage {
height: auto;
max-width: 100%;
padding: 140px 40px 80px;
display: flex;
flex-direction: column;
gap: 40px;
}
.leistungen-hero__title {
position: static;
font-size: clamp(64px, 10vw, 110px);
line-height: 1;
}
.leistungen-hero__lede {
position: static;
width: auto;
max-width: 600px;
}
.leistungen-hero__orbital { display: none; }
.leistungen-hero__intro { padding: 64px 40px 80px; }
.leistungen-hero__intro-text { padding: 0; max-width: 100%; } .leistungen-cases { padding-bottom: 64px; }
.leistungen-cases__stage {
height: auto;
max-width: 100%;
padding: 64px 40px 0;
}
.leistungen-cases__peek { display: none; }
.leistungen-cases__inner {
position: static;
width: auto;
height: auto;
display: flex;
flex-direction: column;
gap: 24px;
}
.leistungen-cases__heading { position: static; }
.leistungen-cases__paging {
position: static;
align-self: flex-end;
}
.leistungen-cases__teaser {
position: static;
width: 100%;
height: auto;
flex-direction: column;
}
.leistungen-cases__teaser-img {
flex: 0 0 auto;
width: 100%;
height: auto;
aspect-ratio: 653 / 436;
}
.leistungen-cases__teaser-img img {
height: 100%;
}
.leistungen-cases__teaser-body {
flex: 0 0 auto;
width: 100%;
height: auto;
}
.leistungen-cases__link { min-height: 44px; } .leistungen-zielbild__stage {
height: auto;
max-width: 100%;
padding: 64px 40px;
}
.leistungen-zielbild__heading {
position: static;
width: auto;
margin-bottom: 32px;
}
.leistungen-zielbild__ring,
.leistungen-zielbild__icon,
.leistungen-zielbild__dot,
.leistungen-zielbild__line {
display: none;
}
.leistungen-zielbild__label {
position: static;
width: auto;
text-align: left;
padding: 16px 0;
border-bottom: 1px solid var(--color-navy-900);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
} .leistungen-zielbild__label--kickoff { display: none; } .leistungen-zielbild-cards { padding: 64px 40px; }
.leistungen-zielbild-cards__inner {
width: 100%;
max-width: 100%;
}
.leistungen-zielbild-cards__grid {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
} .leistungen-service-card {
width: auto;
flex: initial;
min-width: 0;
}
.leistungen-service-card__title {
overflow-wrap: anywhere;
} .leistungen-transformieren { padding: 0 40px 64px; }
.leistungen-transformieren__inner {
width: 100%;
max-width: 100%;
}
.leistungen-transformieren__grid {
grid-template-columns: 1fr;
gap: 16px;
} .leistungen-prozess__stage {
height: auto;
max-width: 100%;
padding: 64px 40px;
display: flex;
flex-direction: column;
align-items: center;
gap: 0;
} .leistungen-prozess__heading,
.leistungen-prozess__subhead {
position: relative;
top: auto;
left: auto;
width: auto;
max-width: 600px;
z-index: 2;
background: var(--color-blue-500);
}
.leistungen-prozess__subhead { margin-bottom: 32px; } .leistungen-prozess__line {
display: block;
position: absolute;
left: 50%;
top: 220px;
bottom: 24px;
transform: translateX(-50%);
width: 1px;
height: auto;
z-index: 0;
}
.leistungen-prozess__step {
position: relative;
left: auto;
top: auto;
margin-top: 24px;
flex-shrink: 0;
z-index: 1;
}
.leistungen-prozess__step--n1,
.leistungen-prozess__step--n2,
.leistungen-prozess__step--n3,
.leistungen-prozess__step--n4,
.leistungen-prozess__step--n5 { top: auto; } .leistungen-prozess__copy {
position: relative;
left: auto;
top: auto;
width: 100%;
max-width: 600px;
margin-top: 16px;
text-align: center;
z-index: 2;
background: var(--color-blue-500);
}
.leistungen-prozess__copy--s1,
.leistungen-prozess__copy--s2,
.leistungen-prozess__copy--s3,
.leistungen-prozess__copy--s4,
.leistungen-prozess__copy--s5 { left: auto; top: auto; } .leistungen-prozess__stage::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 64px;
background: var(--color-blue-500);
z-index: 1;
pointer-events: none;
} .leistungen-contact { padding: 80px 40px; }
.leistungen-contact__card {
height: auto;
max-width: 100%;
padding: 40px 32px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
text-align: left;
}
.leistungen-contact__question {
position: static;
width: auto;
}
.leistungen-contact__question br { display: none; }
.leistungen-contact__details {
position: static;
width: auto;
height: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.leistungen-contact__name { position: static; }
.leistungen-contact__role {
position: static;
width: auto;
}
.leistungen-contact__link {
position: relative;
top: 0;
margin-top: 8px;
min-height: 44px;
display: block;
margin-bottom: 10px;
}
.leistungen-contact__link--mail,
.leistungen-contact__link--linkedin {
top: 0;
left: auto;
display: block;
margin-bottom: 10px;
}
.leistungen-contact__link--mail { width: auto; } .leistungen-contact__portrait {
position: relative;
top: 0;
left: 0;
width: 180px;
height: 226px;
}
} @media (max-width: 767px) { .leistungen-hero__stage {
padding: 110px 24px 56px;
gap: 32px;
}
.leistungen-hero__title {
font-size: clamp(48px, 10vw, 80px);
}
.leistungen-hero__intro { padding: 48px 24px 64px; }
.leistungen-hero__intro-text {
font-size: 22px;
line-height: 1.4;
} .leistungen-cases { padding-bottom: 48px; }
.leistungen-cases__stage { padding: 48px 24px 0; }
.leistungen-cases__inner { gap: 20px; }
.leistungen-cases__heading {
font-size: 32px;
line-height: 1.15;
}
.leistungen-cases__teaser-body { padding: 24px; }
.leistungen-cases__title {
font-size: 22px;
line-height: 1.3;
} .leistungen-zielbild__stage { padding: 48px 24px; }
.leistungen-zielbild__heading {
font-size: 32px;
line-height: 1.15;
margin-bottom: 24px;
}
.leistungen-zielbild__label {
padding: 14px 0;
font-size: 22px;
line-height: 1.3;
} .leistungen-zielbild-cards { padding: 48px 24px; }
.leistungen-zielbild-cards__heading {
font-size: 32px;
line-height: 1.15;
margin-bottom: 24px;
}
.leistungen-zielbild-cards__grid {
grid-template-columns: 1fr;
gap: 16px;
}
.leistungen-service-card { padding: 24px; }
.leistungen-service-card__title {
font-size: 22px;
line-height: 1.3;
} .leistungen-transformieren { padding: 0 24px 48px; }
.leistungen-transformieren__heading {
font-size: 32px;
line-height: 1.15;
margin-bottom: 24px;
}
.leistungen-transformieren__grid {
grid-template-columns: 1fr;
gap: 16px;
} .leistungen-prozess__stage { padding: 48px 24px; }
.leistungen-prozess__heading {
font-size: 32px;
line-height: 1.15;
}
.leistungen-prozess__subhead {
font-size: 18px;
line-height: 1.45;
margin-bottom: 24px;
}
.leistungen-prozess__step {
width: 80px;
height: 80px;
margin-top: 20px;
}
.leistungen-prozess__num {
font-size: 40px;
line-height: 44px;
}
.leistungen-prozess__copy { margin-top: 12px; }
.leistungen-prozess__step-title {
font-size: 20px;
line-height: 1.3;
}
.leistungen-prozess__step-body {
font-size: 16px;
line-height: 1.45;
} .leistungen-contact { padding: 56px 24px; }
.leistungen-contact__card {
padding: 32px 24px;
gap: 24px;
}
.leistungen-contact__question {
font-size: 22px;
line-height: 1.3;
}
.leistungen-contact__name {
font-size: 22px;
line-height: 1.3;
}
} @media (max-width: 479px) { .leistungen-hero__stage {
padding: 110px 20px 48px;
gap: 28px;
}
.leistungen-hero__title {
font-size: clamp(40px, 10vw, 80px);
}
.leistungen-hero__intro { padding: 40px 20px 56px; }
.leistungen-hero__intro-text {
font-size: 20px;
} .leistungen-cases { padding-bottom: 40px; }
.leistungen-cases__stage { padding: 40px 20px 0; }
.leistungen-cases__heading {
font-size: 28px;
}
.leistungen-cases__teaser-body { padding: 20px; }
.leistungen-cases__title {
font-size: 20px;
} .leistungen-zielbild__stage { padding: 40px 20px; }
.leistungen-zielbild__heading {
font-size: 28px;
margin-bottom: 20px;
}
.leistungen-zielbild__label {
font-size: 20px;
} .leistungen-zielbild-cards { padding: 40px 20px; }
.leistungen-zielbild-cards__heading {
font-size: 28px;
margin-bottom: 20px;
}
.leistungen-service-card { padding: 20px; }
.leistungen-service-card__title {
font-size: 20px;
} .leistungen-transformieren { padding: 0 20px 40px; }
.leistungen-transformieren__heading {
font-size: 28px;
margin-bottom: 20px;
} .leistungen-prozess__stage { padding: 40px 20px; }
.leistungen-prozess__heading {
font-size: 28px;
}
.leistungen-prozess__subhead {
font-size: 17px;
margin-bottom: 20px;
}
.leistungen-prozess__step-title {
font-size: 18px;
}
.leistungen-prozess__step-body {
font-size: 15px;
} .leistungen-contact { padding: 48px 20px; }
.leistungen-contact__card {
padding: 24px 20px;
gap: 20px;
}
.leistungen-contact__question {
font-size: 20px;
}
.leistungen-contact__name {
font-size: 20px;
}
}body.page-template-page-leistungen-invent .site-header,
body.page-template-page-leistungen-invent-php .site-header { } .leistungen-hero {
position: relative;
width: 100%;
overflow: hidden;
}
.leistungen-invent__hero,
.leistungen-hero--invent {
background: var(--color-blue-300);
}
.leistungen-hero__stage {
position: relative;
width: 100%;
max-width: 1440px;
height: 650px;
margin: 0 auto;
} .leistungen-hero__title {
position: absolute;
left: 60px;
top: 220px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h1-insights);
line-height: var(--lh-h1-insights);
color: var(--color-white);
} .leistungen-hero__lede {
position: absolute;
left: 60px;
top: 470px;
width: 451px;
display: flex;
flex-direction: column;
gap: 36px;
}
.leistungen-hero__rule {
display: block;
width: 100px;
height: 1px;
background: var(--color-white);
}
.leistungen-hero__lede-text {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-l);
line-height: var(--lh-body-l);
color: var(--color-white);
} .leistungen-invent__orbital {
position: absolute;
left: 806px;
top: 138px;
width: 498px;
height: 380px;
pointer-events: none;
}
.leistungen-invent__ring {
position: absolute;
border: 1px solid var(--color-white);
border-radius: 50%;
background: transparent;
}
.leistungen-invent__ring--lg-tl { left: 0;
top: 0;
width: 306px;
height: 306px;
}
.leistungen-invent__ring--lg-br { left: 192px;
top: 74px;
width: 306px;
height: 306px;
}
.leistungen-invent__ring--md-l { left: 106px;
top: 86px;
width: 192px;
height: 192px;
}
.leistungen-invent__ring--md-br { left: 294px;
top: 278px;
width: 102px;
height: 102px;
}
.leistungen-invent__ring--sm-tl { left: 4px;
top: 71px;
width: 113px;
height: 113px;
}
.leistungen-invent__ring--xs-t { left: 59px;
top: 19px;
width: 57px;
height: 57px;
}
.leistungen-invent__ring--xs-mr { left: 321px;
top: 159px;
width: 49px;
height: 49px;
}
.leistungen-invent__ring--xs-br { left: 320px;
top: 331px;
width: 49px;
height: 49px;
}
.leistungen-invent__center { position: absolute;
left: 190px;
top: 171px;
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--color-white);
} .leistungen-invent__intro {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 80px 150px 100px;
background: var(--color-white);
}
.leistungen-invent__intro-text {
width: 100%;
max-width: 1140px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-medium);
font-size: var(--fs-lede); line-height: var(--lh-lede); color: var(--color-navy-900);
text-align: left;
}
.leistungen-invent__intro-accent {
color: var(--color-blue-500);
} .leistungen-cases {
position: relative;
width: 100%;
background: var(--color-white);
overflow: hidden;
padding-bottom: 100px;
}
.leistungen-cases__stage {
position: relative;
width: 100%;
max-width: 1440px;
height: 524px;
margin: 0 auto;
} .leistungen-cases__peek {
position: absolute;
left: 1321px;
top: 89px;
width: 652px;
height: 435px;
object-fit: cover;
pointer-events: none;
user-select: none;
} .leistungen-cases__inner {
position: absolute;
left: 150px;
top: 0;
width: 1140px;
height: 524px;
} .leistungen-cases__heading {
position: absolute;
left: 0;
top: 1px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: var(--color-navy-900);
} .leistungen-cases__paging {
position: absolute;
left: 1032px;
top: 0;
width: 108px;
height: 48px;
display: flex;
flex-direction: row;
align-items: center;
gap: 12px; z-index: 2;
}
.leistungen-cases__arrow {
appearance: none;
-webkit-appearance: none;
margin: 0;
padding: 0;
width: 48px;
height: 48px;
border: 1px solid var(--color-navy-900);
border-radius: var(--radius-pill);
background: transparent;
color: var(--color-navy-900);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: var(--transition-default);
}
.leistungen-cases__arrow svg {
display: block;
width: 24px;
height: 24px;
} .leistungen-cases__arrow:hover,
.leistungen-cases__arrow:focus-visible {
background: var(--color-navy-900);
color: var(--color-white);
}
.leistungen-cases__arrow[aria-disabled="true"] {
cursor: default;
} .leistungen-cases__teaser { width: 1140px;
height: 436px;
display: flex;
flex-direction: row;
background: var(--color-navy-900);
overflow: hidden;
}
.leistungen-cases__teaser-img {
flex: 0 0 653px;
width: 653px;
height: 436px;
overflow: hidden;
}
.leistungen-cases__teaser-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 400ms ease-out;
}
.leistungen-cases__teaser:hover .leistungen-cases__teaser-img img,
.leistungen-cases__teaser:focus-within .leistungen-cases__teaser-img img {
transform: scale(1.05);
}
.leistungen-cases__teaser:hover .leistungen-cases__title,
.leistungen-cases__teaser:focus-within .leistungen-cases__title {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
} .leistungen-cases__teaser-body {
flex: 0 0 487px;
width: 487px;
height: 436px;
padding: 32px;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 4px;
color: var(--color-white);
} .leistungen-cases__date {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-label-uc);
line-height: var(--lh-label-uc);
color: var(--color-white);
text-transform: uppercase;
} .leistungen-cases__content {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
} .leistungen-cases__copy {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
}
.leistungen-cases__title {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-white);
}
.leistungen-cases__body {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-white);
} .leistungen-cases__link {
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
align-self: flex-start;
color: var(--color-white);
}
.leistungen-cases__link-ring {
display: block;
width: 14px;
height: 14px;
box-sizing: border-box;
border: 2px solid var(--color-white);
border-radius: 50%;
flex: 0 0 14px;
}
.leistungen-cases__link-label {
display: inline-block;
padding-bottom: 2px;
border-bottom: 1px solid var(--color-white);
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-white);
} .leistungen-invent__feature-grid {
background: var(--color-white);
padding: 100px 150px 0 150px;
}
.leistungen-invent__feature-grid-inner {
position: relative;
width: 1140px;
height: 379px;
margin: 0 auto;
overflow: hidden;
}
.leistungen-invent__feature-card {
position: absolute;
top: 0;
height: 379px;
overflow: hidden;
color: var(--color-white);
text-decoration: none; transition: background-color 200ms ease-out;
}
.leistungen-invent__feature-card--left {
left: 0;
width: 569px;
background: var(--color-blue-500);
}
.leistungen-invent__feature-card--right {
left: 570px;
width: 571px;
background: var(--color-blue-700);
}
.leistungen-invent__feature-card:hover,
.leistungen-invent__feature-card:focus-visible {
background: var(--color-navy-900);
outline: none;
} .leistungen-invent__feature-icon {
position: absolute;
left: 22px;
top: 22px;
box-sizing: border-box;
width: 68px;
height: 68px;
display: flex;
align-items: center;
justify-content: center;
padding: 12px;
border: 1px solid var(--color-white);
border-radius: var(--radius-pill);
color: var(--color-white);
}
.leistungen-invent__feature-icon svg {
display: block;
width: 34px;
height: 34px;
} .leistungen-invent__feature-title {
position: absolute;
left: 32px;
right: 32px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: var(--color-white);
}
.leistungen-invent__feature-card--left .leistungen-invent__feature-title  { top: 115px; }
.leistungen-invent__feature-card--right .leistungen-invent__feature-title { top: 119px; } .leistungen-invent__feature-body {
position: absolute;
left: 32px;
top: 231px;
width: 505px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-l);
line-height: var(--lh-body-l);
color: var(--color-white);
} .leistungen-contact {
width: 100%;
background: var(--color-white);
padding: 100px 150px;
box-sizing: border-box;
}
.leistungen-contact__card {
position: relative;
width: 100%;
max-width: 1140px;
height: 290px;
margin: 0 auto;
border: 1px solid var(--color-navy-900);
background: transparent;
box-sizing: border-box;
color: var(--color-navy-900);
}
.leistungen-contact__question {
position: absolute;
left: 32px;
top: 32px;
width: 359px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-navy-900);
}
.leistungen-contact__details {
position: absolute;
left: 421px;
top: 32px;
width: 228px;
height: 157px;
}
.leistungen-contact__name {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-navy-900);
}
.leistungen-contact__role {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-navy-900);
}
.leistungen-contact__link {
position: relative;
top: 25px;
left: 0;
display: block;
margin-bottom: 10px;
flex-direction: row;
align-items: center;
gap: 12px;
height: 27px;
text-decoration: none;
color: var(--color-navy-900);
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
transition: var(--transition-default);
} .leistungen-contact__link--mail     { width: auto; }
.leistungen-contact__link--linkedin { }
.leistungen-contact__link-icon {
display: inline-flex;
width: 24px;
height: 24px;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.leistungen-contact__link-icon img {
display: block;
}
.leistungen-contact__link-text {
position: relative;
display: inline-block;
margin-bottom: 1px;
padding-bottom: 1px;
}
.leistungen-contact__link-text::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: currentColor;
transform-origin: right center;
transform: scaleX(1);
transition: transform 300ms ease-out;
}
.leistungen-contact__link:hover .leistungen-contact__link-text::after,
.leistungen-contact__link:focus-visible .leistungen-contact__link-text::after {
transform: scaleX(0);
}
.leistungen-contact__portrait {
position: absolute;
left: 927px;
top: 32px;
width: 180px;
height: 226px;
overflow: hidden;
}
.leistungen-contact__portrait img {
display: block;
position: absolute;
left: -252px;
top: -44px;
width: 534px;
height: 534px;
max-width: none;
object-fit: cover;
} :root {
--leistung-scale: 1;
} @media (max-width: 1439px) and (min-width: 1024px) {
.leistungen-hero,
.leistungen-invent__intro,
.leistungen-cases,
.leistungen-invent__feature-grid,
.leistungen-contact {
width: 1440px;
zoom: var(--leistung-scale);
} .site-header,
.site-header * {
zoom: 1;
}
} @media (max-width: 1023px) { .leistungen-hero__stage {
height: auto;
max-width: 100%;
padding: 140px 40px 80px;
display: flex;
flex-direction: column;
gap: 40px;
}
.leistungen-hero__title {
position: static;
font-size: clamp(64px, 10vw, 110px);
line-height: 1;
}
.leistungen-hero__lede {
position: static;
width: auto;
max-width: 600px;
}
.leistungen-invent__orbital {
display: none;
} .leistungen-invent__intro {
padding: 64px 40px 80px;
}
.leistungen-invent__intro-text {
font-size: 24px;
line-height: 1.4;
} .leistungen-cases {
padding-bottom: 64px;
}
.leistungen-cases__stage {
height: auto;
max-width: 100%;
padding: 64px 40px 0;
}
.leistungen-cases__peek {
display: none;
}
.leistungen-cases__inner {
position: static;
width: auto;
height: auto;
display: flex;
flex-direction: column;
gap: 24px;
}
.leistungen-cases__heading {
position: static;
}
.leistungen-cases__paging {
position: static;
align-self: flex-end;
}
.leistungen-cases__teaser {
position: static;
width: 100%;
height: auto;
flex-direction: column;
}
.leistungen-cases__teaser-img {
flex: 0 0 auto;
width: 100%;
height: auto;
aspect-ratio: 653 / 436;
}
.leistungen-cases__teaser-img img {
height: 100%;
}
.leistungen-cases__teaser-body {
flex: 0 0 auto;
width: 100%;
height: auto;
}
.leistungen-cases__link {
min-height: 44px;
} .leistungen-invent__feature-grid {
padding: 64px 40px 0;
}
.leistungen-invent__feature-grid-inner {
position: static;
width: 100%;
height: auto;
display: grid;
grid-template-columns: 1fr;
gap: 20px;
overflow: visible;
}
.leistungen-invent__feature-card {
position: static;
width: 100%;
height: auto;
min-height: 360px;
padding: 22px 32px 32px;
box-sizing: border-box;
}
.leistungen-invent__feature-card--left,
.leistungen-invent__feature-card--right {
left: auto;
width: 100%;
}
.leistungen-invent__feature-icon {
position: static;
margin-bottom: 24px;
}
.leistungen-invent__feature-title {
position: static;
left: auto;
right: auto;
margin: 0 0 16px; overflow-wrap: anywhere;
}
.leistungen-invent__feature-card--left .leistungen-invent__feature-title,
.leistungen-invent__feature-card--right .leistungen-invent__feature-title {
top: auto;
}
.leistungen-invent__feature-body {
position: static;
left: auto;
top: auto;
width: auto;
max-width: 100%;
} .leistungen-contact {
padding: 80px 40px;
}
.leistungen-contact__card {
height: auto;
max-width: 100%;
padding: 40px 32px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
text-align: left;
}
.leistungen-contact__question {
position: static;
width: auto;
}
.leistungen-contact__question br {
display: none;
}
.leistungen-contact__details {
position: static;
width: auto;
height: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.leistungen-contact__name {
position: static;
}
.leistungen-contact__role {
position: static;
width: auto;
}
.leistungen-contact__link {
position: relative;
top: 0;
margin-top: 8px;
min-height: 44px;
display: block;
margin-bottom: 10px;
}
.leistungen-contact__link--mail,
.leistungen-contact__link--linkedin {
top: 0;
left: auto;
display: block;
margin-bottom: 10px;
}
.leistungen-contact__link--mail {
width: auto;
}
.leistungen-contact__portrait {
position: relative;
left: 0;
top: 0;
width: 180px;
height: 226px;
}
} @media (max-width: 767px) { .leistungen-hero__stage {
padding: 110px 24px 56px;
gap: 32px;
}
.leistungen-hero__title {
font-size: clamp(48px, 10vw, 80px);
} .leistungen-invent__intro {
padding: 48px 24px 64px;
}
.leistungen-invent__intro-text {
font-size: 20px;
line-height: 1.45;
} .leistungen-cases {
padding-bottom: 48px;
}
.leistungen-cases__stage {
padding: 48px 24px 0;
}
.leistungen-cases__inner {
gap: 20px;
}
.leistungen-cases__heading {
font-size: 32px;
line-height: 1.15;
}
.leistungen-cases__teaser-body {
padding: 24px;
}
.leistungen-cases__title {
font-size: 22px;
line-height: 1.3;
} .leistungen-invent__feature-grid {
padding: 48px 24px 0;
}
.leistungen-invent__feature-grid-inner {
grid-template-columns: 1fr;
gap: 16px;
}
.leistungen-invent__feature-card {
padding: 22px 24px 24px;
min-height: 0;
}
.leistungen-invent__feature-title {
font-size: 32px;
line-height: 1.15;
}
.leistungen-invent__feature-body {
font-size: 18px;
line-height: 1.45;
} .leistungen-contact {
padding: 56px 24px;
}
.leistungen-contact__card {
padding: 32px 24px;
gap: 24px;
}
.leistungen-contact__question {
font-size: 22px;
line-height: 1.3;
}
.leistungen-contact__name {
font-size: 22px;
line-height: 1.3;
}
} @media (max-width: 479px) { .leistungen-hero__stage {
padding: 110px 20px 48px;
gap: 28px;
}
.leistungen-hero__title {
font-size: clamp(40px, 10vw, 80px);
} .leistungen-invent__intro {
padding: 40px 20px 56px;
}
.leistungen-invent__intro-text {
font-size: 18px;
} .leistungen-cases {
padding-bottom: 40px;
}
.leistungen-cases__stage {
padding: 40px 20px 0;
}
.leistungen-cases__heading {
font-size: 28px;
}
.leistungen-cases__teaser-body {
padding: 20px;
}
.leistungen-cases__title {
font-size: 20px;
} .leistungen-invent__feature-grid {
padding: 40px 20px 0;
}
.leistungen-invent__feature-card {
padding: 20px;
}
.leistungen-invent__feature-title {
font-size: 28px;
}
.leistungen-invent__feature-body {
font-size: 16px;
} .leistungen-contact {
padding: 48px 20px;
}
.leistungen-contact__card {
padding: 24px 20px;
gap: 20px;
}
.leistungen-contact__question {
font-size: 20px;
}
.leistungen-contact__name {
font-size: 20px;
}
}body.page-template-page-leistungen-operate .site-header,
body.page-template-page-leistungen-operate-php .site-header { } .leistungen-hero {
position: relative;
width: 100%;
overflow: hidden;
}
.leistungen-operate__hero,
.leistungen-hero--operate {
background: var(--color-blue-700);
}
.leistungen-hero__stage {
position: relative;
width: 100%;
max-width: 1440px;
height: 650px;
margin: 0 auto;
} .leistungen-hero__title {
position: absolute;
left: 60px;
top: 220px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h1-insights);
line-height: var(--lh-h1-insights);
color: var(--color-white);
} .leistungen-hero__lede {
position: absolute;
left: 60px;
top: 470px;
width: 451px;
display: flex;
flex-direction: column;
gap: 36px;
}
.leistungen-hero__rule {
display: block;
width: 100px;
height: 1px;
background: var(--color-white);
}
.leistungen-hero__lede-text {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-l);
line-height: var(--lh-body-l);
color: var(--color-white);
} .leistungen-operate__orbital {
position: absolute;
left: 808px;
top: 150px;
width: 526px;
height: 343px;
pointer-events: none;
}
.leistungen-operate__ring {
position: absolute;
border: 1px solid var(--color-white);
border-radius: 50%;
background: transparent;
}
.leistungen-operate__ring--lg { left: 92px;
top: 0;
width: 343px;
height: 343px;
}
.leistungen-operate__ring--md-l { left: 92px;
top: 57px;
width: 228px;
height: 228px;
}
.leistungen-operate__ring--md-r { left: 207px;
top: 57px;
width: 228px;
height: 228px;
}
.leistungen-operate__ring--sm-l { left: 35px;
top: 113px;
width: 115px;
height: 117px;
}
.leistungen-operate__ring--sm-r { left: 377px;
top: 113px;
width: 115px;
height: 117px;
}
.leistungen-operate__center { position: absolute;
left: 250px;
top: 157px;
width: 28px;
height: 28px;
border-radius: 50%;
background: var(--color-white);
} .leistungen-operate__barbell {
position: absolute;
display: block;
width: 69px;
height: 9px;
top: 167px;
}
.leistungen-operate__barbell--l { left: 0; }
.leistungen-operate__barbell--r { left: 457px; }
.leistungen-operate__dot {
position: absolute;
top: 0;
width: 9px;
height: 9px;
border-radius: 50%;
background: var(--color-white);
}
.leistungen-operate__dot--start { left: 0; }
.leistungen-operate__dot--end   { left: 60px; }
.leistungen-operate__bar {
position: absolute;
left: 6px;
top: 4px;
width: 59px;
height: 1px;
background: var(--color-white);
} .leistungen-operate__intro {
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
gap: 10px;
width: 100%;
padding: 80px 150px 100px;
background: var(--color-white);
}
.leistungen-operate__intro-text {
width: 100%;
max-width: 1140px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-medium);
font-size: var(--fs-lede); line-height: var(--lh-lede); color: var(--color-navy-900);
text-align: left;
}
.leistungen-operate__intro-accent {
color: var(--color-blue-500);
} .leistungen-cases {
position: relative;
width: 100%;
background: var(--color-white);
overflow: hidden;
padding-bottom: 100px;
} .leistungen-operate__cases {
padding-bottom: 79px;
}
.leistungen-cases__stage {
position: relative;
width: 100%;
max-width: 1440px;
height: 524px;
margin: 0 auto;
} .leistungen-cases__peek {
position: absolute;
left: 1321px;
top: 89px;
width: 652px;
height: 435px;
object-fit: cover;
pointer-events: none;
user-select: none;
} .leistungen-cases__inner {
position: absolute;
left: 150px;
top: 0;
width: 1140px;
height: 524px;
} .leistungen-cases__heading {
position: absolute;
left: 0;
top: 1px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: var(--color-navy-900);
} .leistungen-cases__paging {
position: absolute;
left: 1032px;
top: 0;
width: 108px;
height: 48px;
display: flex;
flex-direction: row;
align-items: center;
gap: 12px; z-index: 2;
}
.leistungen-cases__arrow {
appearance: none;
-webkit-appearance: none;
margin: 0;
padding: 0;
width: 48px;
height: 48px;
border: 1px solid var(--color-navy-900);
border-radius: var(--radius-pill);
background: transparent;
color: var(--color-navy-900);
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: var(--transition-default);
}
.leistungen-cases__arrow svg {
display: block;
width: 24px;
height: 24px;
} .leistungen-cases__arrow:hover,
.leistungen-cases__arrow:focus-visible {
background: var(--color-navy-900);
color: var(--color-white);
}
.leistungen-cases__arrow[aria-disabled="true"] {
cursor: default;
} .leistungen-cases__teaser { width: 1140px;
height: 436px;
display: flex;
flex-direction: row;
background: var(--color-navy-900);
overflow: hidden;
}
.leistungen-cases__teaser-img {
flex: 0 0 653px;
width: 653px;
height: 436px;
overflow: hidden;
}
.leistungen-cases__teaser-img img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 400ms ease-out;
}
.leistungen-cases__teaser:hover .leistungen-cases__teaser-img img,
.leistungen-cases__teaser:focus-within .leistungen-cases__teaser-img img {
transform: scale(1.05);
}
.leistungen-cases__teaser:hover .leistungen-cases__title,
.leistungen-cases__teaser:focus-within .leistungen-cases__title {
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 4px;
} .leistungen-cases__teaser-body {
flex: 0 0 487px;
width: 487px;
height: 436px;
padding: 32px;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 4px;
color: var(--color-white);
} .leistungen-cases__date {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-label-uc);
line-height: var(--lh-label-uc);
color: var(--color-white);
text-transform: uppercase;
} .leistungen-cases__content {
display: flex;
flex-direction: column;
gap: 20px;
width: 100%;
} .leistungen-cases__copy {
display: flex;
flex-direction: column;
gap: 12px;
width: 100%;
}
.leistungen-cases__title {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-white);
}
.leistungen-cases__body {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-white);
} .leistungen-cases__link {
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
align-self: flex-start;
color: var(--color-white);
}
.leistungen-cases__link-ring {
display: block;
width: 14px;
height: 14px;
box-sizing: border-box;
border: 2px solid var(--color-white);
border-radius: 50%;
flex: 0 0 14px;
}
.leistungen-cases__link-label {
display: inline-block;
padding-bottom: 2px;
border-bottom: 1px solid var(--color-white);
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-white);
} .leistungen-operate__benefits {
position: relative;
width: 100%;
background: var(--color-white);
padding: 0 150px 100px;
box-sizing: border-box;
}
.leistungen-operate__benefits-inner {
width: 1140px;
margin: 0 auto;
display: flex;
flex-direction: column;
gap: 40px;
}
.leistungen-operate__benefits-heading {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: var(--color-navy-900);
}
.leistungen-operate__benefits-row {
display: flex;
flex-direction: row;
gap: 30px;
}
.leistungen-operate__benefit-card {
flex: 0 0 360px;
width: 360px;
height: 213px;
box-sizing: border-box;
background: var(--color-gray-50);
padding: 32px;
display: flex;
flex-direction: column;
gap: 12px;
}
.leistungen-operate__benefit-title {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-navy-900);
}
.leistungen-operate__benefit-body {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-navy-900);
} .leistungen-operate__services {
position: relative;
width: 100%;
background: var(--color-white);
padding: 0 150px 100px;
box-sizing: border-box;
}
.leistungen-operate__services-inner {
width: 1140px;
margin: 0 auto;
}
.leistungen-operate__services-heading {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: var(--color-navy-900);
}
.leistungen-operate__services-description {
margin: 24px 0 0 0;
max-width: 945px;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-l);
line-height: var(--lh-body-l);
color: var(--color-navy-900);
}
.leistungen-operate__services-grid {
margin-top: 40px;
display: flex;
flex-direction: row;
gap: 30px;
}
.leistungen-operate__services-col {
flex: 0 0 360px;
width: 360px;
display: flex;
flex-direction: column;
}
.leistungen-operate__service-item {
height: 76px;
padding: 24px 0;
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 24px;  box-shadow:
inset 0 1px 0 var(--color-navy-900),
inset 0 -1px 0 var(--color-navy-900);
}
.leistungen-operate__service-item + .leistungen-operate__service-item {
margin-top: -1px; }
.leistungen-operate__service-title {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-body-l);
line-height: var(--lh-body-l);
color: var(--color-navy-900);
} .leistungen-contact {
width: 100%;
background: var(--color-white);
padding: 100px 150px;
box-sizing: border-box;
}
.leistungen-contact__card {
position: relative;
width: 100%;
max-width: 1140px;
height: 290px;
margin: 0 auto;
border: 1px solid var(--color-navy-900);
background: transparent;
box-sizing: border-box;
color: var(--color-navy-900);
}
.leistungen-contact__question {
position: absolute;
left: 32px;
top: 32px;
width: 359px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-navy-900);
}
.leistungen-contact__details {
position: absolute;
left: 421px;
top: 32px;
width: 228px;
height: 157px;
}
.leistungen-contact__name {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-navy-900);
}
.leistungen-contact__role {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-navy-900);
}
.leistungen-contact__link {
position: relative;
top: 25px;
left: 0;
display: block;
margin-bottom: 10px;
flex-direction: row;
align-items: center;
gap: 12px;
height: 27px;
text-decoration: none;
color: var(--color-navy-900);
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
transition: var(--transition-default);
} .leistungen-contact__link--mail     { width: auto; }
.leistungen-contact__link--linkedin { }
.leistungen-contact__link-icon {
display: inline-flex;
width: 24px;
height: 24px;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.leistungen-contact__link-icon img {
display: block;
}
.leistungen-contact__link-text {
position: relative;
display: inline-block;
margin-bottom: 1px;
padding-bottom: 1px;
}
.leistungen-contact__link-text::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: currentColor;
transform-origin: right center;
transform: scaleX(1);
transition: transform 300ms ease-out;
}
.leistungen-contact__link:hover .leistungen-contact__link-text::after,
.leistungen-contact__link:focus-visible .leistungen-contact__link-text::after {
transform: scaleX(0);
}
.leistungen-contact__portrait {
position: absolute;
left: 927px;
top: 32px;
width: 180px;
height: 226px;
overflow: hidden;
}
.leistungen-contact__portrait img {
display: block;
position: absolute;
left: -252px;
top: -44px;
width: 534px;
height: 534px;
max-width: none;
object-fit: cover;
} :root {
--leistung-scale: 1;
} @media (max-width: 1439px) and (min-width: 1024px) {
.leistungen-hero,
.leistungen-operate__intro,
.leistungen-cases,
.page-template-page-leistungen-operate .leistungen-zielbild-cards[data-cards],
.leistungen-operate__benefits,
.leistungen-operate__services,
.leistungen-contact {
width: 1440px;
zoom: var(--leistung-scale);
} .site-header,
.site-header * {
zoom: 1;
}
} @media (max-width: 1023px) { .leistungen-hero__stage {
height: auto;
max-width: 100%;
padding: 140px 40px 80px;
display: flex;
flex-direction: column;
gap: 40px;
}
.leistungen-hero__title {
position: static;
font-size: clamp(64px, 10vw, 110px);
line-height: 1;
}
.leistungen-hero__lede {
position: static;
width: auto;
max-width: 600px;
}
.leistungen-operate__orbital {
display: none;
} .leistungen-operate__intro {
padding: 64px 40px 80px;
}
.leistungen-operate__intro-text {
font-size: 24px;
line-height: 1.4;
} .leistungen-cases {
padding-bottom: 64px;
} .leistungen-operate__cases {
padding-bottom: 64px;
}
.leistungen-cases__stage {
height: auto;
max-width: 100%;
padding: 64px 40px 0;
}
.leistungen-cases__peek {
display: none;
}
.leistungen-cases__inner {
position: static;
width: auto;
height: auto;
display: flex;
flex-direction: column;
gap: 24px;
}
.leistungen-cases__heading {
position: static;
}
.leistungen-cases__paging {
position: static;
align-self: flex-end;
}
.leistungen-cases__teaser {
position: static;
width: 100%;
height: auto;
flex-direction: column;
}
.leistungen-cases__teaser-img {
flex: 0 0 auto;
width: 100%;
height: auto;
aspect-ratio: 653 / 436;
}
.leistungen-cases__teaser-img img {
height: 100%;
}
.leistungen-cases__teaser-body {
flex: 0 0 auto;
width: 100%;
height: auto;
}
.leistungen-cases__link {
min-height: 44px;
} .leistungen-operate__benefits {
padding: 0 40px 64px;
}
.leistungen-operate__benefits-inner {
width: 100%;
max-width: 100%;
}
.leistungen-operate__benefits-row {
display: grid;
grid-template-columns: 1fr;
gap: 16px;
}
.leistungen-operate__benefit-card {
flex: initial;
width: auto;
min-width: 0;
height: auto;
min-height: 213px;
}
.leistungen-operate__benefit-title {
overflow-wrap: anywhere;
} .leistungen-operate__services {
padding: 0 40px 64px;
}
.leistungen-operate__services-inner {
width: 100%;
max-width: 100%;
}
.leistungen-operate__services-heading {
font-size: 36px;
line-height: 1.15;
}
.leistungen-operate__services-description {
max-width: 100%;
font-size: 18px;
line-height: 1.45;
}
.leistungen-operate__services-grid {
flex-direction: column;
gap: 0;
}
.leistungen-operate__services-col {
flex: initial;
width: 100%;
} .leistungen-operate__services-col + .leistungen-operate__services-col {
margin-top: -1px;
} .leistungen-contact {
padding: 80px 40px;
}
.leistungen-contact__card {
height: auto;
max-width: 100%;
padding: 40px 32px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
text-align: left;
}
.leistungen-contact__question {
position: static;
width: auto;
}
.leistungen-contact__question br {
display: none;
}
.leistungen-contact__details {
position: static;
width: auto;
height: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.leistungen-contact__name {
position: static;
}
.leistungen-contact__role {
position: static;
width: auto;
}
.leistungen-contact__link {
position: relative;
top: 0;
margin-top: 8px;
min-height: 44px;
display: block;
margin-bottom: 10px;
}
.leistungen-contact__link--mail,
.leistungen-contact__link--linkedin {
top: 0;
left: auto;
display: block;
margin-bottom: 10px;
}
.leistungen-contact__link--mail {
width: auto;
}
.leistungen-contact__portrait {
position: relative;
left: 0;
top: 0;
width: 180px;
height: 226px;
}
} @media (max-width: 767px) { .leistungen-hero__stage {
padding: 110px 24px 56px;
gap: 32px;
}
.leistungen-hero__title {
font-size: clamp(48px, 10vw, 80px);
} .leistungen-operate__intro {
padding: 48px 24px 64px;
}
.leistungen-operate__intro-text {
font-size: 20px;
line-height: 1.45;
} .leistungen-cases {
padding-bottom: 48px;
}
.leistungen-operate__cases {
padding-bottom: 48px;
}
.leistungen-cases__stage {
padding: 48px 24px 0;
}
.leistungen-cases__inner {
gap: 20px;
}
.leistungen-cases__heading {
font-size: 32px;
line-height: 1.15;
}
.leistungen-cases__teaser-body {
padding: 24px;
}
.leistungen-cases__title {
font-size: 22px;
line-height: 1.3;
} .leistungen-operate__benefits {
padding: 0 24px 48px;
}
.leistungen-operate__benefits-inner {
gap: 24px;
}
.leistungen-operate__benefits-heading {
font-size: 32px;
line-height: 1.15;
}
.leistungen-operate__benefits-row {
grid-template-columns: 1fr;
gap: 16px;
}
.leistungen-operate__benefit-card {
padding: 24px;
min-height: 0;
}
.leistungen-operate__benefit-title {
font-size: 22px;
line-height: 1.3;
} .leistungen-operate__services {
padding: 0 24px 48px;
}
.leistungen-operate__services-heading {
font-size: 32px;
line-height: 1.15;
}
.leistungen-operate__services-description {
font-size: 17px;
line-height: 1.45;
}
.leistungen-operate__service-title {
font-size: 18px;
line-height: 1.3;
} .leistungen-contact {
padding: 56px 24px;
}
.leistungen-contact__card {
padding: 32px 24px;
gap: 24px;
}
.leistungen-contact__question {
font-size: 22px;
line-height: 1.3;
}
.leistungen-contact__name {
font-size: 22px;
line-height: 1.3;
}
} @media (max-width: 479px) { .leistungen-hero__stage {
padding: 110px 20px 48px;
gap: 28px;
}
.leistungen-hero__title {
font-size: clamp(40px, 10vw, 80px);
} .leistungen-operate__intro {
padding: 40px 20px 56px;
}
.leistungen-operate__intro-text {
font-size: 18px;
} .leistungen-cases {
padding-bottom: 40px;
}
.leistungen-operate__cases {
padding-bottom: 40px;
}
.leistungen-cases__stage {
padding: 40px 20px 0;
}
.leistungen-cases__heading {
font-size: 28px;
}
.leistungen-cases__teaser-body {
padding: 20px;
}
.leistungen-cases__title {
font-size: 20px;
} .leistungen-operate__benefits {
padding: 0 20px 40px;
}
.leistungen-operate__benefits-heading {
font-size: 28px;
}
.leistungen-operate__benefit-card {
padding: 20px;
}
.leistungen-operate__benefit-title {
font-size: 20px;
} .leistungen-operate__services {
padding: 0 20px 40px;
}
.leistungen-operate__services-heading {
font-size: 28px;
}
.leistungen-operate__services-description {
font-size: 16px;
}
.leistungen-operate__service-title {
font-size: 17px;
} .leistungen-contact {
padding: 48px 20px;
}
.leistungen-contact__card {
padding: 24px 20px;
gap: 20px;
}
.leistungen-contact__question {
font-size: 20px;
}
.leistungen-contact__name {
font-size: 20px;
}
}.karriere-hero {
position: relative;
width: 100%;
height: 650px;
background: var(--color-blue-700);
overflow: hidden;
color: var(--color-white);
} .karriere-hero-inner {
position: relative;
width: 100%;
max-width: var(--design-width);
height: 100%;
margin: 0 auto;
} .karriere-hero__bubble {
position: absolute;
border-radius: 50%;
pointer-events: none;
} .karriere-hero__bubble--white {
left: 282px;
top: -27px;
width: 604px;
height: 604px;
background: rgba(255, 255, 255, 0.20);
opacity: 0.30;
} .karriere-hero__bubble--dark {
left: 621px;
top: 170px;
width: 748px;
height: 748px;
background: var(--color-navy-900);
opacity: 0.15;
}  .karriere-hero__media {
position: absolute;
left: 902px;
top: 121px;
width: 583px;
height: 583px;
border-radius: 472px;
overflow: hidden;
box-shadow: 0 13.21px 235.84px 0 rgba(255, 255, 255, 0.25);
}
.karriere-hero__media-img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}  .karriere-hero__headline {
position: absolute;
left: 60px;
top: 165px;
width: 839px;
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-h1-insights); line-height: var(--lh-h1-insights); font-weight: var(--fw-semibold);
color: var(--color-white);
}
.karriere-hero__headline-line {
display: block;
}  .karriere-hero__lede {
position: absolute;
left: 60px;
top: 442px;
width: 451px;
display: flex;
flex-direction: column;
gap: 36px;
} .karriere-hero__rule {
display: block;
width: 100px;
height: 0;
border-top: 1px solid var(--color-white);
} .karriere-hero__lede-text {
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-body-l); line-height: var(--lh-body-l); font-weight: var(--fw-regular);
color: var(--color-white);
}  .karriere-intro {
width: 100%;
padding-top: 80px;
background: var(--color-white);
} .karriere-intro-inner {
width: 1140px;
max-width: 100%;
margin: 0 auto;
} .karriere-intro__text {
width: 100%;
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-lede); line-height: var(--lh-lede); font-weight: var(--fw-medium); color: var(--color-navy-900);
text-align: left;
} .karriere-intro__accent {
color: var(--color-blue-500);
}  .karriere-bewerbung {
width: 100%;
padding-top: 100px;
background: var(--color-white);
} .karriere-bewerbung-inner {
width: 1140px;
max-width: 100%;
margin: 0 auto;
} .karriere-bewerbung__heading {
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-h2-card); line-height: var(--lh-h2-card); font-weight: var(--fw-semibold);
color: var(--color-navy-900);
} .karriere-bewerbung__lede {
width: 945px;
max-width: 100%;
margin: 24px 0 0;
font-family: var(--font-sans);
font-size: var(--fs-body-l); line-height: var(--lh-body-l); font-weight: var(--fw-regular);
color: var(--color-navy-900);
} .karriere-bewerbung__cards {
display: flex;
gap: 30px;
margin-top: 40px;
} .karriere-bewerbung-step {
width: 360px;
height: 213px;
padding: 32px;
display: flex;
flex-direction: column;
gap: 12px;
color: var(--color-white);
} .karriere-bewerbung-step--1 { background: var(--color-blue-300); } .karriere-bewerbung-step--2 { background: var(--color-blue-500); } .karriere-bewerbung-step--3 { background: var(--color-blue-700); }  .karriere-bewerbung-step__title {
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-card-title-l); line-height: var(--lh-card-title-l); font-weight: var(--fw-semibold);
color: var(--color-white);
} .karriere-bewerbung-step__body {
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-body-m); line-height: var(--lh-body-m); font-weight: var(--fw-regular);
color: var(--color-white);
}  .karriere-positionen {
width: 100%;
padding-top: 100px;
background: var(--color-white);
} .karriere-positionen-inner {
width: 1140px;
max-width: 100%;
margin: 0 auto;
} .karriere-positionen__heading {
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-h2-card); line-height: var(--lh-h2-card); font-weight: var(--fw-semibold);
color: var(--color-navy-900);
} .karriere-positionen__list {
list-style: none;
margin: 40px 0 0;
padding: 0;
}
.karriere-positionen__row {
display: block;
} .karriere-positionen__link {
display: flex;
align-items: center;
gap: 48px;
width: 100%;
height: 112px;
padding: 32px 32px 32px 0;
border-top: 1px solid var(--color-navy-900);
color: var(--color-navy-900);
text-decoration: none;
}
.karriere-positionen__row:last-child .karriere-positionen__link {
border-bottom: 1px solid var(--color-navy-900);
} .karriere-positionen__title {
flex: 1;
font-family: var(--font-sans);
font-size: var(--fs-card-title-l); line-height: var(--lh-card-title-l); font-weight: var(--fw-medium); color: var(--color-navy-900);
} .karriere-positionen__btn {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: var(--radius-pill); background: transparent;
box-shadow: inset 0 0 0 1px var(--color-navy-900);
color: var(--color-navy-900);
transition: var(--transition-default);
}
.karriere-positionen__link:hover .karriere-positionen__btn {
background: var(--color-navy-900);
box-shadow: inset 0 0 0 1px var(--color-navy-900);
color: var(--color-white);
}
.karriere-positionen__btn svg {
display: block;
width: 17px;
height: 13px;
}  .karriere-benefits {
width: 100%;
padding-top: 100px;
background: var(--color-white);
} .karriere-benefits-panel {
width: 1320px;
max-width: 100%;
margin: 0 auto;
padding: 80px 90px;
background: var(--color-gray-50);
} .karriere-benefits__heading {
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-h2-card); line-height: var(--lh-h2-card); font-weight: var(--fw-semibold);
color: var(--color-navy-900);
} .karriere-benefits__grid {
list-style: none;
margin: 64px 0 0;
padding: 0;
display: grid;
grid-template-columns: repeat(2, 554px);
column-gap: 31px;
row-gap: 48px;
} .karriere-benefits__card {
display: flex;
gap: 20px;
padding: 0 8px 0 0;
align-items: flex-start;
} .karriere-benefits__icon {
flex-shrink: 0;
display: inline-flex;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: var(--radius-circle); background: var(--color-blue-500); }
.karriere-benefits__icon img {
display: block;
width: 24px;
height: 24px;
} .karriere-benefits__content {
flex: 1;
display: flex;
flex-direction: column;
gap: 12px;
} .karriere-benefits__title {
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-card-title-l); line-height: var(--lh-card-title-l); font-weight: var(--fw-semibold);
color: var(--color-navy-900);
} .karriere-benefits__body {
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-body-m); line-height: var(--lh-body-m); font-weight: var(--fw-regular);
color: var(--color-navy-900);
}  .karriere-impressionen {
width: 100%;
padding-top: 100px;
padding-bottom: 100px;
background: var(--color-white);
} .karriere-impressionen__head {
width: 1320px;
max-width: 100%;
margin: 0 auto;
padding: 0 90px;
box-sizing: border-box;
display: grid;
grid-template-columns: 525px 553px;
column-gap: 62px;
align-items: start;
} .karriere-impressionen__heading {
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-h2-card); line-height: var(--lh-h2-card); font-weight: var(--fw-semibold);
color: var(--color-navy-900);
} .karriere-impressionen__body {
margin: 0;
font-family: var(--font-sans);
font-size: var(--fs-body-l); line-height: var(--lh-body-l); font-weight: var(--fw-regular);
color: var(--color-navy-900);
} .karriere-impressionen__grid {
width: 1320px;
max-width: 100%;
aspect-ratio: 1320 / 1554;
margin: 64px auto 0;
position: relative;
} .karriere-impressionen__tile {
position: absolute;
top:    var(--top);
left:   var(--left);
width:  var(--w);
height: var(--h);
margin: 0;
overflow: hidden;
}
.karriere-impressionen__tile img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} .karriere-impressionen__instagram {
display: block;
width: 1321px;
max-width: 100%;
height: auto;
margin: 100px auto 0;
}   @media (max-width: 1439px) { .karriere-hero {
height: auto;
}
.karriere-hero-inner {
height: auto;
padding: 120px 60px 80px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 48px;
}
.karriere-hero__bubble--white,
.karriere-hero__bubble--dark {
z-index: 0;
}
.karriere-hero__bubble--white {
left: -180px;
top: -120px;
width: clamp(420px, 60vw, 604px);
height: clamp(420px, 60vw, 604px);
opacity: 0.20;
}
.karriere-hero__bubble--dark {
left: auto;
right: -240px;
top: 200px;
width: clamp(560px, 70vw, 748px);
height: clamp(560px, 70vw, 748px);
opacity: 0.10;
}
.karriere-hero__headline,
.karriere-hero__media,
.karriere-hero__lede {
position: relative;
left: auto;
top: auto;
z-index: 1;
}
.karriere-hero__headline {
width: 100%;
font-size: clamp(72px, 9vw, 110px);
line-height: 1.05;
}
.karriere-hero__media {
width: clamp(360px, 50vw, 583px);
height: auto;
aspect-ratio: 1;
align-self: center;
}
.karriere-hero__lede {
width: 100%;
max-width: 451px;
} .karriere-benefits-panel,
.karriere-impressionen__head,
.karriere-impressionen__grid {
width: calc(100% - 120px);
max-width: 1320px;
}
.karriere-impressionen__instagram {
width: calc(100% - 120px);
max-width: 1321px;
} .karriere-benefits__grid {
grid-template-columns: repeat(2, 1fr);
column-gap: 24px;
}
.karriere-impressionen__head {
padding: 0;
grid-template-columns: 1fr 1fr;
column-gap: 40px;
}
}  @media (max-width: 1279px) { .karriere-intro-inner,
.karriere-bewerbung-inner,
.karriere-positionen-inner {
max-width: calc(100% - 120px);
} .karriere-bewerbung__cards {
gap: 24px;
}
.karriere-bewerbung-step {
flex: 1 1 0;
min-width: 0;
width: auto;
} .karriere-benefits-panel {
padding: 64px 48px;
}
}  @media (max-width: 1023px) { .karriere-hero-inner {
padding: 100px 40px 64px;
gap: 40px;
}
.karriere-hero__headline {
font-size: clamp(56px, 8vw, 90px);
}
.karriere-hero__media {
width: clamp(320px, 60vw, 480px);
} .karriere-intro-inner,
.karriere-bewerbung-inner,
.karriere-positionen-inner {
max-width: calc(100% - 80px);
}
.karriere-benefits-panel,
.karriere-impressionen__head,
.karriere-impressionen__grid {
width: calc(100% - 80px);
}
.karriere-impressionen__instagram {
width: calc(100% - 80px);
} .karriere-intro__text {
font-size: 24px;
line-height: 32px;
} .karriere-bewerbung__cards {
flex-direction: column;
gap: 16px;
}
.karriere-bewerbung-step {
flex: 0 0 auto;
width: 100%;
height: auto;
min-height: 180px;
} .karriere-positionen__link {
gap: 24px;
height: auto;
min-height: 96px;
padding: 24px 0;
} .karriere-benefits-panel {
padding: 48px 32px;
}
.karriere-benefits__grid {
grid-template-columns: 1fr;
row-gap: 32px;
} .karriere-impressionen__head {
grid-template-columns: 1fr;
row-gap: 24px;
}
.karriere-impressionen__grid {
aspect-ratio: auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 12px;
margin-top: 48px;
}
.karriere-impressionen__tile {
position: static;
top: auto;
left: auto;
width: auto;
height: auto;
aspect-ratio: 1;
order: var(--order);
}
.karriere-impressionen__instagram {
margin-top: 64px;
}
}  @media (max-width: 767px) { .karriere-hero-inner {
padding: 100px 24px 64px;
gap: 32px;
}
.karriere-hero__headline {
font-size: clamp(44px, 12vw, 64px);
line-height: 1.1;
}
.karriere-hero__media {
width: clamp(280px, 78vw, 360px);
}
.karriere-hero__lede-text {
font-size: 18px;
line-height: 1.4;
} .karriere-intro-inner,
.karriere-bewerbung-inner,
.karriere-positionen-inner {
max-width: calc(100% - 48px);
}
.karriere-benefits-panel,
.karriere-impressionen__head,
.karriere-impressionen__grid,
.karriere-impressionen__instagram {
width: calc(100% - 48px);
} .karriere-intro__text {
font-size: 20px;
line-height: 28px;
} .karriere-bewerbung__heading,
.karriere-positionen__heading,
.karriere-benefits__heading,
.karriere-impressionen__heading {
font-size: 32px;
line-height: 36px;
} .karriere-bewerbung-step {
padding: 24px;
min-height: 0;
}
.karriere-bewerbung-step__title {
font-size: 24px;
line-height: 28px;
} .karriere-positionen__link {
gap: 16px;
padding: 20px 0;
}
.karriere-positionen__title {
font-size: 20px;
line-height: 24px;
} .karriere-benefits-panel {
padding: 40px 24px;
}
.karriere-benefits__title {
font-size: 22px;
line-height: 26px;
} .karriere-impressionen__grid {
grid-template-columns: repeat(2, 1fr);
}
}  @media (max-width: 479px) {
.karriere-hero-inner {
padding: 88px 20px 56px;
gap: 28px;
}
.karriere-hero__headline {
font-size: 40px;
line-height: 1.1;
}
.karriere-intro-inner,
.karriere-bewerbung-inner,
.karriere-positionen-inner {
max-width: calc(100% - 40px);
}
.karriere-benefits-panel,
.karriere-impressionen__head,
.karriere-impressionen__grid,
.karriere-impressionen__instagram {
width: calc(100% - 40px);
}
.karriere-benefits-panel {
padding: 32px 20px;
}
.karriere-impressionen__grid {
grid-template-columns: 1fr;
}
}.ueber-uns-hero {
position: relative;
width: 100%;
height: 650px;
background: var(--color-navy-900);
overflow: hidden;
color: var(--color-white);
} .ueber-uns-hero__stage {
position: relative;
width: 100%;
max-width: var(--design-width);
height: 100%;
margin: 0 auto;
}  .ueber-uns-hero__bubble {
position: absolute;
border-radius: 50%;
background: rgba(255, 255, 255, 0.20);
opacity: 0.30;
pointer-events: none;
} .ueber-uns-hero__bubble--lg {
left: 282px;
top: -27px;
width: 740px;
height: 740px;
} .ueber-uns-hero__bubble--md {
left: 631px;
top: 152px;
width: 546px;
height: 546px;
}  .ueber-uns-hero__orbital {
position: absolute;
left: 411px;
top: 161px;
width: 618px;
height: 618px;
border-radius: 50%;
pointer-events: none;
} .ueber-uns-hero__orbital--outer {
background: rgba(255, 255, 255, 0.10);
} .ueber-uns-hero__orbital--inner {
background: rgba(15, 28, 68, 0.30);
}  .ueber-uns-hero__video {
position: absolute;
left: 980px;
top: 101px;
width: 497px;
height: 497px;
border-radius: var(--radius-circle);
overflow: hidden;
box-shadow: 0 11px 201px 0 rgba(255, 255, 255, 0.25);
}
.ueber-uns-hero__video img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
display: block;
}  .ueber-uns-hero__headline {
position: absolute;
left: 60px;
top: 220px;
width: 920px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h1-insights);
line-height: var(--lh-h1-insights);
color: var(--color-white);
}  .ueber-uns-hero__intro {
position: absolute;
left: 60px;
top: 442px;
width: 451px;
display: flex;
flex-direction: column;
gap: 36px;
}
.ueber-uns-hero__rule {
display: block;
width: 100px;
height: 1px;
background: var(--color-white);
}
.ueber-uns-hero__copy {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-l);
line-height: var(--lh-body-l);
color: var(--color-white);
}  .ueber-uns-intro-lead {
width: 100%;
padding: 80px 0 0;
background: var(--color-white);
}
.ueber-uns-intro-lead__inner {
max-width: 1140px;
margin: 0 auto;
}
.ueber-uns-intro-lead__copy {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-medium);
font-size: var(--fs-lede);
line-height: var(--lh-lede);
color: var(--color-navy-900);
}
.ueber-uns-intro-lead__accent {
color: var(--color-blue-500);
}  .ueber-uns-intro-split {
width: 100%;
padding: 100px 0 0;
background: var(--color-white);
}
.ueber-uns-intro-split__inner {
max-width: 1140px;
margin: 0 auto;
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 62px;
align-items: start;
}
.ueber-uns-intro-split__media {
width: 100%;
height: 350px;
overflow: hidden;
}
.ueber-uns-intro-split__media img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.ueber-uns-intro-split__copy {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-l);
line-height: var(--lh-body-l);
color: var(--color-navy-900);
}  .ueber-uns-buzz-row {
width: 100%;
padding: 80px 0 0;
background: var(--color-white);
}
.ueber-uns-buzz-row__inner {
max-width: 1140px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 30px;
}
.ueber-uns-buzz-row__card {
height: 219px;
padding: 32px;
background: var(--color-gray-50);
box-sizing: border-box;
}
.ueber-uns-buzz-row__copy {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-medium);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-navy-900);
}  .ueber-uns-team {
width: 100%;
padding: 100px 0 0;
background: var(--color-white);
}
.ueber-uns-team__inner {
max-width: 1140px;
margin: 0 auto;
}
.ueber-uns-team__heading {
margin: 0 0 40px 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: var(--color-navy-900);
}
.ueber-uns-team__grid {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, 1fr);
column-gap: 30px;
row-gap: 40px;
}
.ueber-uns-team__card {
display: flex;
flex-direction: column;
height: 638px;
}
.ueber-uns-team__photo {
width: 100%;
height: 480px;
overflow: hidden;
}
.ueber-uns-team__photo img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center top;
}
.ueber-uns-team__teaser {
height: 158px;
padding: 24px 16px;
background: var(--color-white);
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 12px;
}
.ueber-uns-team__name {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-navy-900);
}
.ueber-uns-team__role {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-navy-900);
}
.ueber-uns-team__link {
display: inline-flex;
align-self: flex-start;
align-items: center;
gap: 12px;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-navy-900);
text-decoration: none;
}
.ueber-uns-team__link-icon {
display: block;
width: 24px;
height: 24px;
} .ueber-uns-team__link-label {
position: relative;
display: inline-block;
padding-bottom: 1px;
}
.ueber-uns-team__link-label::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: currentColor;
transform-origin: right center;
transform: scaleX(1);
transition: transform 300ms ease-out;
}
.ueber-uns-team__link:hover .ueber-uns-team__link-label::after,
.ueber-uns-team__link:focus-visible .ueber-uns-team__link-label::after {
transform: scaleX(0);
}  .ueber-uns-foundation {
width: 100%;
padding: 100px 0 0;
background: var(--color-white);
}
.ueber-uns-foundation__panel {
width: 100%;
padding: 80px 0;
background: var(--color-gray-50);
}
.ueber-uns-foundation__inner {
max-width: 1140px;
margin: 0 auto;
display: grid;
grid-template-columns: 555px 522px;
column-gap: 63px;
align-items: start;
}
.ueber-uns-foundation__copy {
display: flex;
flex-direction: column;
}
.ueber-uns-foundation__heading {
margin: 0 0 24px 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: var(--color-navy-900);
}
.ueber-uns-foundation__body {
margin: 0 0 24px 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-l);
line-height: var(--lh-body-l);
color: var(--color-navy-900);
}
.ueber-uns-foundation__cta {
display: inline-flex;
align-self: flex-start;
align-items: center;
gap: 8px;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-navy-900);
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 2px;
transition: var(--transition-default);
}
.ueber-uns-foundation__cta-marker {
display: inline-block;
width: 14px;
height: 14px;
border-radius: 50%;
border: 2px solid var(--color-navy-900);
background: transparent;
box-sizing: border-box;
transition: var(--transition-default);
}
.ueber-uns-foundation__cta:hover .ueber-uns-foundation__cta-marker,
.ueber-uns-foundation__cta:focus-visible .ueber-uns-foundation__cta-marker {
background: var(--color-navy-900);
}
.ueber-uns-foundation__image {
position: relative;
width: 522px;
height: 349px;
background: var(--color-blue-700);
overflow: hidden;
}
.foundation-text-bild__image--portrait.ueber-uns-foundation__image {
width: 261px;
aspect-ratio: 2 / 3;
height: auto;
justify-self: end;
}
.foundation-text-bild__image--portrait.ueber-uns-foundation__image .ueber-uns-foundation__orbital {
display: none;
}
.ueber-uns-foundation__orbital {
position: absolute;
left: -70px;
top: -145px;
width: 658px;
height: 658px;
max-width: none;
pointer-events: none;
}  @media (max-width: 1439px) {
.ueber-uns-intro-lead__inner,
.ueber-uns-intro-split__inner,
.ueber-uns-buzz-row__inner,
.ueber-uns-team__inner,
.ueber-uns-foundation__inner {
max-width: calc(1140px + 120px);
padding-left: 60px;
padding-right: 60px;
box-sizing: border-box;
}
} @media (max-width: 1279px) { .ueber-uns-hero {
height: auto;
min-height: 600px;
}
.ueber-uns-hero__stage {
max-width: none;
height: auto;
padding: 100px 60px 80px;
display: flex;
flex-direction: column;
gap: 40px;
}
.ueber-uns-hero__headline,
.ueber-uns-hero__intro {
position: relative;
left: auto;
top: auto;
z-index: 2;
}
.ueber-uns-hero__headline {
width: 100%;
max-width: 920px;
font-size: clamp(64px, 8vw, 110px);
line-height: 1.05;
}
.ueber-uns-hero__intro {
width: 100%;
max-width: 451px;
}
.ueber-uns-hero__video {
left: auto;
right: -60px;
top: 80px;
width: clamp(320px, 38vw, 497px);
height: clamp(320px, 38vw, 497px);
z-index: 1;
}
.ueber-uns-hero__bubble--lg {
left: auto;
right: -200px;
top: -60px;
width: clamp(520px, 60vw, 740px);
height: clamp(520px, 60vw, 740px);
opacity: 0.5;
}
.ueber-uns-hero__bubble--md {
left: auto;
right: -120px;
top: 80px;
width: clamp(380px, 44vw, 546px);
height: clamp(380px, 44vw, 546px);
opacity: 0.5;
}
.ueber-uns-hero__orbital {
left: auto;
right: -100px;
top: 100px;
width: clamp(440px, 50vw, 618px);
height: clamp(440px, 50vw, 618px);
} .ueber-uns-foundation__inner {
grid-template-columns: 1fr;
row-gap: 40px;
width: 100%;
box-sizing: border-box;
}
.ueber-uns-foundation__image {
width: 100%;
max-width: 522px;
margin: 0 auto;
}
.foundation-text-bild__image--portrait.ueber-uns-foundation__image {
width: 261px;
aspect-ratio: 2 / 3;
height: auto;
justify-self: center;
} .ueber-uns-team__grid {
grid-template-columns: repeat(2, 1fr);
column-gap: 24px;
row-gap: 32px;
}
} @media (max-width: 1023px) {
.ueber-uns-hero__stage {
padding: 100px 40px 64px;
gap: 32px;
}
.ueber-uns-hero__headline {
font-size: clamp(56px, 9vw, 88px);
}
.ueber-uns-hero__video {
right: -80px;
top: 100px;
opacity: 0.85;
}
.ueber-uns-hero__bubble--lg,
.ueber-uns-hero__bubble--md,
.ueber-uns-hero__orbital {
opacity: 0.4;
}
.ueber-uns-intro-lead__inner,
.ueber-uns-intro-split__inner,
.ueber-uns-buzz-row__inner,
.ueber-uns-team__inner,
.ueber-uns-foundation__inner {
padding-left: 40px;
padding-right: 40px;
} @media (max-width: 949px) {
.ueber-uns-intro-split__inner {
grid-template-columns: 1fr;
row-gap: 40px;
}
.ueber-uns-intro-split__media {
width: 100%;
max-width: 600px;
margin: 0 auto;
}
} .ueber-uns-buzz-row__inner {
grid-template-columns: repeat(2, 1fr);
column-gap: 20px;
row-gap: 20px;
} .ueber-uns-team__grid {
grid-template-columns: 1fr;
row-gap: 32px;
}
.ueber-uns-team__card {
width: 100%;
max-width: 480px;
margin: 0 auto;
}
} @media (max-width: 767px) {
.ueber-uns-hero {
min-height: 560px;
}
.ueber-uns-hero__stage {
padding: 96px 24px 56px;
gap: 28px;
}
.ueber-uns-hero__headline {
font-size: clamp(44px, 11vw, 64px);
line-height: 1.08;
}
.ueber-uns-hero__copy {
font-size: 18px;
line-height: 1.4;
}
.ueber-uns-hero__video {
right: -120px;
top: 220px;
width: clamp(220px, 50vw, 320px);
height: clamp(220px, 50vw, 320px);
opacity: 0.7;
}
.ueber-uns-intro-lead { padding-top: 64px; }
.ueber-uns-intro-lead__inner,
.ueber-uns-intro-split__inner,
.ueber-uns-buzz-row__inner,
.ueber-uns-team__inner,
.ueber-uns-foundation__inner {
padding-left: 24px;
padding-right: 24px;
overflow-x: hidden;
}
.ueber-uns-intro-lead__copy {
font-size: 24px;
line-height: 1.3;
}
.ueber-uns-intro-split { padding-top: 64px; }
.ueber-uns-intro-split__media { height: 280px; }
.ueber-uns-buzz-row { padding-top: 64px; }
.ueber-uns-buzz-row__inner {
grid-template-columns: 1fr;
row-gap: 16px;
}
.ueber-uns-buzz-row__card {
height: auto;
min-height: 180px;
padding: 28px;
}
.ueber-uns-team { padding-top: 80px; }
.ueber-uns-team__heading {
margin-bottom: 32px;
font-size: 32px;
line-height: 1.15;
}
.ueber-uns-team__card { height: auto; }
.ueber-uns-team__photo { height: 380px; }
.ueber-uns-team__teaser { height: auto; min-height: 158px; }
.ueber-uns-foundation { padding-top: 80px; }
.ueber-uns-foundation__panel { padding: 56px 0; }
.ueber-uns-foundation__heading {
font-size: 32px;
line-height: 1.15;
}
.ueber-uns-foundation__image {
max-width: 100%;
height: 280px;
margin: 0 auto;
}
.foundation-text-bild__image--portrait.ueber-uns-foundation__image {
width: 240px;
aspect-ratio: 2 / 3;
height: auto;
justify-self: center;
margin: 0 auto;
}
.ueber-uns-foundation__orbital {
width: 480px;
height: 480px;
left: -50px;
top: -100px;
}
} @media (max-width: 479px) {
.ueber-uns-hero__stage {
padding: 88px 20px 48px;
gap: 24px;
}
.ueber-uns-hero__headline {
font-size: 40px;
line-height: 1.1;
}
.ueber-uns-hero__video {
right: -160px;
top: 280px;
opacity: 0.55;
}
.ueber-uns-intro-lead__inner,
.ueber-uns-intro-split__inner,
.ueber-uns-buzz-row__inner,
.ueber-uns-team__inner,
.ueber-uns-foundation__inner {
padding-left: 20px;
padding-right: 20px;
overflow-x: hidden;
}
.ueber-uns-intro-lead__copy { font-size: 22px; }
.ueber-uns-intro-split__media { height: 220px; }
.ueber-uns-team__photo { height: 340px; }
.ueber-uns-foundation__panel { padding: 48px 0; }
.ueber-uns-foundation__image { height: 240px; }
.foundation-text-bild__image--portrait.ueber-uns-foundation__image {
width: 200px;
aspect-ratio: 2 / 3;
height: auto;
justify-self: center;
}
.ueber-uns-foundation__orbital {
width: 420px;
height: 420px;
left: -40px;
top: -90px;
}
} @media (max-width: 530px) {
.foundation-text-bild__inner.ueber-uns-foundation__inner {
grid-template-columns: minmax(0, 1fr);
width: 100%;
max-width: 100%;
box-sizing: border-box;
}
.foundation-text-bild__copy.ueber-uns-foundation__copy,
.foundation-text-bild__body.ueber-uns-foundation__body,
.foundation-text-bild__body.ueber-uns-foundation__body p {
min-width: 0;
max-width: 100%;
box-sizing: border-box;
overflow-wrap: anywhere;
word-break: break-word;
}
.foundation-text-bild__image.ueber-uns-foundation__image {
justify-self: center;
margin-right: auto;
margin-left: auto;
}
}body.page-template-page-branche-detail .site-header,
body.page-template-page-branche-detail-php .site-header {  } .branche-hero {
background: var(--color-blue-500);
} .branche-hero__stage {
overflow: hidden;
} .branche-hero__lede {
top: 442px;
} .branche-hero__lens {
position: absolute;
left: 283px;
top: -119px;
width: 874px;
height: 874px;
border-radius: 50%;
overflow: hidden;
pointer-events: none;
}
.branche-hero__lens-orb {
position: absolute;
border-radius: 50%;
} .branche-hero__lens-orb--blue {
left: -206px;
top: -16px;
width: 906px;
height: 906px;
background: var(--color-blue-300);
opacity: 0.30;
} .branche-hero__lens-orb--white {
left: 480px;
top: 44px;
width: 846px;
height: 846px;
background: rgba(255, 255, 255, 0.10);
} .branche-hero__dna {
position: absolute;
left: 1003px;
top: 113px;
width: 583px;
height: 583px;
border-radius: 50%;
overflow: hidden;
pointer-events: none;
}
.branche-hero__dna img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: left center;
} .branche-hero__intro {
display: flex;
flex-direction: row;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 80px 150px 100px;
background: var(--color-white);
box-sizing: border-box;
}
.branche-hero__intro-text {
width: 100%;
max-width: 1140px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-medium);
font-size: var(--fs-lede);
line-height: var(--lh-lede);
color: var(--color-navy-900);
text-align: left;
} .branche-wwt {
padding: 100px 150px;
background: var(--color-white);
box-sizing: border-box;
}
.branche-wwt__inner {
margin: 0 auto;
max-width: 1140px;
}
.branche-wwt__heading {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: var(--color-navy-900);
}
.branche-wwt__intro {
margin: 24px 0 0;
max-width: 945px;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-l);
line-height: var(--lh-body-l);
color: var(--color-navy-900);
}
.branche-wwt__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px;
margin: 40px 0 0;
padding: 0;
list-style: none;
}
.branche-wwt__card {
min-height: 219px;
padding: 32px;
background: var(--color-gray-50);
box-sizing: border-box;
display: flex;
flex-direction: column;
}
.branche-wwt__card-text {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-medium);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-navy-900);
} .branche-insights-teaser {
padding: 80px 150px;
background: var(--color-gray-50);
box-sizing: border-box;
}
.branche-insights-teaser__inner {
margin: 0 auto;
max-width: 1140px;
}
.branche-insights-teaser__header {
display: flex;
justify-content: space-between;
align-items: flex-start;
}
.branche-insights-teaser__heading {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card);
line-height: var(--lh-h2-card);
color: var(--color-navy-900);
} .branche-insights-teaser__link {
display: inline-flex;
align-items: center;
gap: 8px;
margin-top: 19px;
color: var(--color-navy-900);
text-decoration: none;
} .branche-insights-teaser__link-dot {
flex: 0 0 auto;
width: 14px;
height: 14px;
border-radius: 50%;
border: 2px solid currentColor;
box-sizing: border-box;
} .branche-insights-teaser__link-text {
position: relative;
display: inline-block;
padding-bottom: 1px;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
}
.branche-insights-teaser__link-text::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: currentColor;
transform-origin: right center;
transform: scaleX(1);
transition: transform 300ms ease-out;
}
.branche-insights-teaser__link:hover .branche-insights-teaser__link-text::after,
.branche-insights-teaser__link:focus-visible .branche-insights-teaser__link-text::after {
transform: scaleX(0);
} .branche-insights-teaser__link-dot {
transition: background-color 300ms ease-out;
}
.branche-insights-teaser__link:hover .branche-insights-teaser__link-dot,
.branche-insights-teaser__link:focus-visible .branche-insights-teaser__link-dot {
background: currentColor;
} .branche-insights-teaser__grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 30px;
margin: 40px 0 0;
padding: 0;
list-style: none;
}
.branche-insights-teaser__card {
display: flex;
flex-direction: column;
width: 100%;
background: transparent;
}
.branche-insights-teaser__card-image {
width: 100%;
aspect-ratio: 360 / 240;
height: auto;
overflow: hidden;
}
.branche-insights-teaser__card-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 400ms ease-out;
} .branche-insights-teaser__card:hover .branche-insights-teaser__card-image img,
.branche-insights-teaser__card:focus-within .branche-insights-teaser__card-image img {
transform: scale(1.05);
}
.branche-insights-teaser__card:hover .branche-insights-teaser__card-title::after,
.branche-insights-teaser__card:focus-within .branche-insights-teaser__card-title::after {
transform: scaleX(1);
transform-origin: left center;
}
.branche-insights-teaser__card-panel {
display: flex;
flex-direction: column;
gap: 4px;
width: 100%;
height: 188px;
padding: 24px 16px;
box-sizing: border-box;
overflow: hidden;
}
.branche-insights-teaser__card-panel--navy {
background: var(--color-navy-900);
color: var(--color-white);
}
.branche-insights-teaser__card-panel--blue {
background: var(--color-blue-700);
color: var(--color-white);
}
.branche-insights-teaser__card-panel--white {
background: var(--color-white);
color: var(--color-navy-900);
}
.branche-insights-teaser__card-meta {
margin: 0;
display: flex;
align-items: center;
gap: 8px;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-label-uc);
line-height: var(--lh-label-uc);
color: inherit;
}
.branche-insights-teaser__card-meta-dot {
flex: 0 0 auto;
width: 4px;
height: 4px;
border-radius: 50%;
background: currentColor;
}
.branche-insights-teaser__card-title {
position: relative;
margin: 0;
display: inline-block;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-m);
line-height: var(--lh-card-title-m);
color: inherit;
}
.insights-teaser__card-link:hover .branche-insights-teaser__card-title{
text-decoration: underline;
}  @media (max-width: 1200px) { .branche-hero__lens {
left: auto;
right: 12vw;
top: -80px;
width: clamp(560px, 60vw, 874px);
height: clamp(560px, 60vw, 874px);
}
.branche-hero__dna {
left: auto;
right: -8vw;
top: 90px;
width: clamp(380px, 42vw, 583px);
height: clamp(380px, 42vw, 583px);
} .branche-hero__intro {
padding: 64px 40px 80px;
} .branche-wwt {
padding: 80px 40px;
}
.branche-wwt__grid {
grid-template-columns: 1fr;
gap: 16px;
}
.branche-wwt__intro {
max-width: 100%;
} .branche-insights-teaser {
padding: 64px 40px;
}
.branche-insights-teaser__grid {
grid-template-columns: 1fr;
gap: 16px;
}
.branche-insights-teaser__card-panel {
height: auto;
min-height: 188px;
} .branche-insights-teaser__link {
min-height: 44px;
}
}
@media (max-width: 768px) { .branche-hero__lens,
.branche-hero__dna {
display: none;
} .branche-hero__intro {
padding: 40px 24px 56px;
}
.branche-hero__intro-text {
font-size: 18px;
line-height: 1.45;
} .branche-wwt {
padding: 56px 24px;
}
.branche-wwt__heading {
font-size: 32px;
line-height: 1.15;
}
.branche-wwt__intro {
margin-top: 16px;
font-size: 18px;
line-height: 1.45;
}
.branche-wwt__grid {
grid-template-columns: 1fr;
gap: 16px;
margin-top: 32px;
}
.branche-wwt__card {
min-height: 0;
padding: 24px;
}
.branche-wwt__card-text {
font-size: 20px;
line-height: 1.3;
} .branche-insights-teaser {
padding: 48px 24px;
}
.branche-insights-teaser__header {
flex-direction: column;
align-items: flex-start;
gap: 12px;
}
.branche-insights-teaser__heading {
font-size: 32px;
line-height: 1.15;
}
.branche-insights-teaser__link {
margin-top: 0;
min-height: 44px;
}
.branche-insights-teaser__grid {
grid-template-columns: 1fr;
gap: 16px;
margin-top: 24px;
}
.branche-insights-teaser__card-title {
font-size: 22px;
line-height: 1.3;
}
}.insight-detail {
background: var(--color-white);
color: var(--color-navy-900);
} .insight-detail__article-hero {
position: relative;
width: 100%;
max-width: 1440px;
height: 610px; margin: 0 auto;
padding-top: 96px;
box-sizing: border-box;
}
.insight-detail__title-block {
position: absolute;
left: 60px;
top: 286px;
width: 742px;
display: flex;
flex-direction: column;
gap: 56px; }
.insight-detail__title {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h1-article);
line-height: var(--lh-h1-article);
color: var(--color-navy-900);
}
.insight-detail__title-rule {
display: block;
width: 100px;
height: 1px;
background: var(--color-navy-900);
}
.insight-detail__hero-image {
position: absolute;
right: 60px;
top: 246px;
width: 547px;
height: 364px;
margin: 0;
overflow: hidden;
}
.insight-detail__hero-image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
} .insight-detail__article-meta {
max-width: 1440px;
margin: 80px auto 0;
padding-left: 249px; display: flex;
align-items: center;
gap: 8px;
}
.insight-detail__meta-label {
font-family: var(--font-sans);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
font-weight: var(--fw-regular);
color: var(--color-navy-900);
}
.insight-detail__meta-dot {
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background: var(--color-navy-900);
} .insight-detail__article-body {
max-width: 1440px;
margin: 40px auto 80px;
padding-left: 248px;
margin-bottom: 0 !important;
}
.insight-detail__body-content {
max-width: 945px;
} .insight-detail__body-content > * {
margin: 0;
} .insight-detail__body-content > * + * {
margin-top: 24px;
} .insight-detail__body-content > * + h2 {
margin-top: 48px;
} .insight-detail__body-content p {
font-family: var(--font-sans);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
font-weight: var(--fw-regular);
color: var(--color-navy-900);
} .insight-detail__lede {
font-weight: var(--fw-semibold);
} .insight-detail__qa-question {
font-weight: var(--fw-semibold);
} .insight-detail__body-content strong {
font-weight: var(--fw-semibold);
} .insight-detail__h2 {
font-family: var(--font-sans);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
font-weight: var(--fw-semibold);
color: var(--color-navy-900);
} .insight-detail__bullets {
padding-left: 1.25em;
list-style: disc;
font-family: var(--font-sans);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
font-weight: var(--fw-regular);
color: var(--color-navy-900);
} .insight-detail__link {
color: var(--color-blue-500);
text-decoration: none;
transition: var(--transition-default);
}
.insight-detail__link:hover {
text-decoration: underline;
} .leistungen-contact {
width: 100%;
background: var(--color-white);
padding: 100px 150px;
box-sizing: border-box;
}
.leistungen-contact__card {
position: relative;
width: 100%;
max-width: 1140px;
height: 290px;
margin: 0 auto;
background: transparent;
box-sizing: border-box;
color: var(--color-navy-900);
}
.leistungen-contact__question {
position: absolute;
left: 32px;
top: 32px;
width: 359px;
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-navy-900);
}
.leistungen-contact__details {
position: absolute;
left: 500px;
top: 32px;
width: 228px;
height: 157px;
}
.leistungen-contact__name {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-l);
line-height: var(--lh-card-title-l);
color: var(--color-navy-900);
}
.leistungen-contact__role {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
color: var(--color-navy-900);
}
.leistungen-contact__link {
position: relative;
top: 25px;
left: 0;
display: block;
margin-bottom: 10px;
flex-direction: row;
align-items: center;
gap: 12px;
height: 27px;
text-decoration: none;
color: var(--color-navy-900);
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m);
line-height: var(--lh-body-m);
transition: var(--transition-default);
}
.leistungen-contact__link--mail     { width: auto; }
.leistungen-contact__link--linkedin { }
.leistungen-contact__link-icon {
display: inline-flex;
width: 24px;
height: 24px;
align-items: center;
justify-content: center;
flex-shrink: 0;
}
.leistungen-contact__link-icon img {
display: block;
}
.leistungen-contact__link-text {
position: absolute;
display: inline-block;
margin-bottom: 1px;
padding-bottom: 1px;
top: 0px;
left: 35px;
}
@media (max-width: 999px) {
.leistungen-contact__link {
display: inline-flex;
align-items: center;
gap: 8px;
line-height: 1;
}
.leistungen-contact__link-icon {
display: inline-flex;
align-items: center;
line-height: 0;
}
.leistungen-contact__link-icon img {
display: block;
width: 22px;
height: 22px;
}
.leistungen-contact__link-text {
position: static;
display: inline-block;
line-height: 1;
vertical-align: middle;
padding-bottom:15px;
}
}
.leistungen-contact__link-text::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
height: 1px;
background: currentColor;
transform-origin: right center;
transform: scaleX(1);
transition: transform 300ms ease-out;
}
.leistungen-contact__link:hover .leistungen-contact__link-text::after,
.leistungen-contact__link:focus-visible .leistungen-contact__link-text::after {
transform: scaleX(0);
}
.leistungen-contact__portrait {
position: absolute;
left:923px;
top: 32px;
width: 180px;
height: 226px;
overflow: hidden;
}
.leistungen-contact__portrait img {
isplay: block;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: auto;
max-width: none;
object-fit: cover;
} .insight-detail__contact .leistungen-contact__card,
.leistungen-contact__card {
border: 1px solid var(--color-navy-900);
}
@media screen and (max-width:999px){
.leistungen-contact__card {
border-bottom:none;
}
} .insight-detail__related {
width: 100%;
background: var(--color-gray-50);
padding: 80px 0;
}
.insight-detail__related-inner {
width: 1140px;
max-width: 1140px;
margin: 0 auto;
} .insight-detail__related-header {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.insight-detail__related-heading {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-h2-card); line-height: var(--lh-h2-card); color: var(--color-navy-900);
} .insight-detail__related-link {
display: inline-flex;
align-items: center;
gap: 8px;
text-decoration: none;
color: var(--color-navy-900);
transition: var(--transition-default);
}
.insight-detail__related-link-marker {
display: inline-block;
width: 14px;
height: 14px;
border: 2px solid var(--color-navy-900);
border-radius: 50%;
flex-shrink: 0;
box-sizing: border-box;
}
.insight-detail__related-link-text {
display: inline-block;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-body-m); line-height: var(--lh-body-m); border-bottom: 1px solid var(--color-navy-900);
padding-bottom: 1px;
} .insight-detail__related-grid {
display: flex;
gap: 30px;
margin-top: 40px;
}
.insight-detail__related-card {
width: 360px;
flex-shrink: 0;
overflow: hidden;
}
.insight-detail__related-card-link {
display: block;
text-decoration: none;
color: inherit;
}
.insight-detail__related-card-image {
width: 100%;
height: 240px;
background-size: cover;
background-position: center;
transition: transform 0.3s ease-out;
}
.insight-detail__related-card-link:hover .insight-detail__related-card-image {
transform: scale(1.06);
}
.insight-detail__related-card-link:hover .insight-detail__related-card-title {
text-decoration: underline;
text-underline-offset: 4px;
}
.insight-detail__related-card-text {
height: 188px;
box-sizing: border-box;
padding: 24px 16px;
display: flex;
flex-direction: column;
gap: 4px;
}
.insight-detail__related-card-meta {
display: flex;
align-items: center;
gap: 8px;
font-family: var(--font-sans);
font-weight: var(--fw-regular);
font-size: var(--fs-label-uc); line-height: var(--lh-label-uc); text-transform: uppercase;
}
.insight-detail__related-card-bullet {
display: inline-block;
width: 4px;
height: 4px;
border-radius: 50%;
background: currentColor;
flex-shrink: 0;
}
.insight-detail__related-card-title {
margin: 0;
font-family: var(--font-sans);
font-weight: var(--fw-semibold);
font-size: var(--fs-card-title-m); line-height: var(--lh-card-title-m); color: inherit;
} .insight-detail__related-card--navy .insight-detail__related-card-text {
background: var(--color-navy-900);
color: var(--color-white);
}
.insight-detail__related-card--blue .insight-detail__related-card-text {
background: var(--color-blue-700);
color: var(--color-white);
}
.insight-detail__related-card--white .insight-detail__related-card-text {
background: var(--color-white);
color: var(--color-navy-900);
}  @media (max-width: 1439px) and (min-width: 1024px) {
.insight-detail__article-hero,
.insight-detail__article-meta,
.insight-detail__article-body,
.insight-detail__contact,
.insight-detail__related {
width: 1440px;
zoom: var(--leistung-scale);
} .site-header,
.site-header * {
zoom: 1;
}
} @media (max-width: 1023px) { .insight-detail__article-hero {
position: static;
max-width: 100%;
height: auto;
display: flex;
flex-direction: column;
gap: 40px;
padding: 120px 40px 0;
box-sizing: border-box;
}
.insight-detail__title-block {
position: static;
left: auto;
top: auto;
width: 100%;
max-width: 742px;
gap: 40px;
}
.insight-detail__title {
font-size: clamp(40px, 6.5vw, 62px);
line-height: 1.1;
}
.insight-detail__hero-image {
position: static;
right: auto;
top: auto;
width: 100%;
max-width: 720px;
height: auto;
aspect-ratio: 547 / 364;
margin: 0 auto;
} .insight-detail__article-meta {
margin-top: 64px;
padding-left: 40px;
padding-right: 40px;
flex-wrap: wrap;
} .insight-detail__article-body {
margin-top: 32px;
margin-bottom: 60px;
padding-left: 40px;
padding-right: 40px;
}
.insight-detail__body-content {
max-width: 100%;
} .leistungen-contact {
padding: 80px 40px;
}
.leistungen-contact__card {
height: auto;
max-width: 100%;
padding: 40px 32px;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 32px;
text-align: left;
}
.leistungen-contact__question {
position: static;
width: auto;
}
.leistungen-contact__question br {
display: none;
}
.leistungen-contact__details {
position: static;
width: auto;
height: auto;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 8px;
}
.leistungen-contact__name {
position: static;
}
.leistungen-contact__role {
position: static;
width: auto;
}
.leistungen-contact__link {
position: relative;
top: 25px;
margin-top: 8px;
min-height: 44px;
display: block;
margin-bottom: 10px;
}
.leistungen-contact__link--mail,
.leistungen-contact__link--linkedin {
top: 0;
left: auto;
display: block;
margin-bottom: 10px;
}
.leistungen-contact__link--mail {
width: auto;
}
.leistungen-contact__portrait {
position: relative;
left: 0;
top: 0;
width: 180px;
height: 320px;
} .insight-detail__related {
padding: 64px 40px;
}
.insight-detail__related-inner {
width: 100%;
max-width: 100%;
}
.insight-detail__related-grid {
flex-direction: column;
gap: 24px;
margin-top: 32px;
}
.insight-detail__related-card {
width: 100%;
max-width: 560px;
margin: 0 auto;
}
.insight-detail__related-card-image {
height: clamp(200px, 36vw, 320px);
}
} @media (max-width: 767px) { .insight-detail__article-hero {
gap: 28px;
padding: 88px 24px 0;
}
.insight-detail__title-block {
gap: 28px;
}
.insight-detail__title {
font-size: clamp(32px, 8vw, 48px);
line-height: 1.15;
} .insight-detail__article-meta {
margin-top: 48px;
padding-left: 24px;
padding-right: 24px;
}
.insight-detail__meta-label {
font-size: 16px;
line-height: 22.4px;
} .insight-detail__article-body {
margin-top: 24px;
margin-bottom: 60px;
padding-left: 24px;
padding-right: 24px;
}
.insight-detail__body-content p,
.insight-detail__bullets {
font-size: 16px;
line-height: 24px;
}
.insight-detail__h2 {
font-size: 24px;
line-height: 28.8px;
}
.insight-detail__body-content > * + * {
margin-top: 20px;
}
.insight-detail__body-content > * + h2 {
margin-top: 36px;
} .leistungen-contact {
padding: 56px 24px;
}
.leistungen-contact__card {
padding: 32px 24px;
gap: 24px;
}
.leistungen-contact__question {
font-size: 22px;
line-height: 1.3;
}
.leistungen-contact__name {
font-size: 22px;
line-height: 1.3;
} .insight-detail__related {
padding: 48px 24px;
}
.insight-detail__related-heading {
font-size: 32px;
line-height: 36px;
}
.insight-detail__related-grid {
margin-top: 24px;
}
.insight-detail__related-card-text {
padding: 20px 16px;
height: auto;
min-height: 160px;
}
.insight-detail__related-card-title {
font-size: 22px;
line-height: 26px;
}
.insight-detail__related-link {
min-height: 44px;
padding: 4px 0;
}
} @media (max-width: 479px) { .insight-detail__article-hero {
gap: 24px;
padding: 80px 20px 0;
}
.insight-detail__title-block {
gap: 24px;
}
.insight-detail__title {
font-size: clamp(28px, 9vw, 40px);
} .insight-detail__article-meta {
margin-top: 40px;
padding-left: 20px;
padding-right: 20px;
} .insight-detail__article-body {
padding-left: 20px;
padding-right: 20px;
}
.insight-detail__h2 {
font-size: 22px;
line-height: 26.4px;
} .leistungen-contact {
padding: 48px 20px;
}
.leistungen-contact__card {
padding: 24px 20px;
gap: 20px;
}
.leistungen-contact__question {
font-size: 20px;
}
.leistungen-contact__name {
font-size: 20px;
} .insight-detail__related {
padding: 40px 20px;
}
.insight-detail__related-heading {
font-size: 28px;
line-height: 32px;
}
.insight-detail__related-card-title {
font-size: 20px;
line-height: 24px;
}
}@font-face{font-family:swiper-icons;src:url('data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA');font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:'';position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px}.swiper-button-next,.swiper-button-prev{position:absolute;top:var(--swiper-navigation-top-offset,50%);width:calc(var(--swiper-navigation-size)/ 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - (var(--swiper-navigation-size)/ 2));z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-next.swiper-button-hidden,.swiper-button-prev.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-next,.swiper-navigation-disabled .swiper-button-prev{display:none!important}.swiper-button-next svg,.swiper-button-prev svg{width:100%;height:100%;object-fit:contain;transform-origin:center}.swiper-rtl .swiper-button-next svg,.swiper-rtl .swiper-button-prev svg{transform:rotate(180deg)}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:var(--swiper-navigation-sides-offset,10px);right:auto}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-lock{display:none}.swiper-button-next:after,.swiper-button-prev:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:'prev'}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:var(--swiper-navigation-sides-offset,10px);left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:'next'}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity, .2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0px,-50%,0)}.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-vertical>.swiper-pagination-progressbar{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:var(--swiper-scrollbar-border-radius,10px);position:relative;touch-action:none;background:var(--swiper-scrollbar-bg-color,rgba(0,0,0,.1))}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none!important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:var(--swiper-scrollbar-sides-offset,1%);bottom:var(--swiper-scrollbar-bottom,4px);top:var(--swiper-scrollbar-top,auto);z-index:50;height:var(--swiper-scrollbar-size,4px);width:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar.swiper-scrollbar-vertical,.swiper-vertical>.swiper-scrollbar{position:absolute;left:var(--swiper-scrollbar-left,auto);right:var(--swiper-scrollbar-right,4px);top:var(--swiper-scrollbar-sides-offset,1%);z-index:50;width:var(--swiper-scrollbar-size,4px);height:calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%))}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:var(--swiper-scrollbar-drag-bg-color,rgba(0,0,0,.5));border-radius:var(--swiper-scrollbar-border-radius,10px);left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;object-fit:contain}.swiper-slide-zoomed{cursor:move;touch-action:none}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{flex-wrap:wrap;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:'';background:#000;position:absolute;left:0;top:0;bottom:0;right:0;filter:blur(50px)}.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-right,.swiper-cube .swiper-slide-shadow-cube.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-right,.swiper-flip .swiper-slide-shadow-flip.swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;transition-property:transform,opacity,height}.swiper.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}body div.brlbs-cmpnt-container a,body div.brlbs-cmpnt-container abbr,body div.brlbs-cmpnt-container acronym,body div.brlbs-cmpnt-container address,body div.brlbs-cmpnt-container applet,body div.brlbs-cmpnt-container article,body div.brlbs-cmpnt-container aside,body div.brlbs-cmpnt-container audio,body div.brlbs-cmpnt-container b,body div.brlbs-cmpnt-container big,body div.brlbs-cmpnt-container blockquote,body div.brlbs-cmpnt-container canvas,body div.brlbs-cmpnt-container caption,body div.brlbs-cmpnt-container center,body div.brlbs-cmpnt-container cite,body div.brlbs-cmpnt-container code,body div.brlbs-cmpnt-container dd,body div.brlbs-cmpnt-container del,body div.brlbs-cmpnt-container details,body div.brlbs-cmpnt-container dfn,body div.brlbs-cmpnt-container div,body div.brlbs-cmpnt-container dl,body div.brlbs-cmpnt-container dt,body div.brlbs-cmpnt-container em,body div.brlbs-cmpnt-container embed,body div.brlbs-cmpnt-container fieldset,body div.brlbs-cmpnt-container figcaption,body div.brlbs-cmpnt-container figure,body div.brlbs-cmpnt-container footer,body div.brlbs-cmpnt-container form,body div.brlbs-cmpnt-container h1,body div.brlbs-cmpnt-container h2,body div.brlbs-cmpnt-container h3,body div.brlbs-cmpnt-container h4,body div.brlbs-cmpnt-container h5,body div.brlbs-cmpnt-container h6,body div.brlbs-cmpnt-container header,body div.brlbs-cmpnt-container hgroup,body div.brlbs-cmpnt-container i,body div.brlbs-cmpnt-container iframe,body div.brlbs-cmpnt-container img,body div.brlbs-cmpnt-container ins,body div.brlbs-cmpnt-container kbd,body div.brlbs-cmpnt-container label,body div.brlbs-cmpnt-container legend,body div.brlbs-cmpnt-container li,body div.brlbs-cmpnt-container mark,body div.brlbs-cmpnt-container menu,body div.brlbs-cmpnt-container nav,body div.brlbs-cmpnt-container object,body div.brlbs-cmpnt-container ol,body div.brlbs-cmpnt-container output,body div.brlbs-cmpnt-container p,body div.brlbs-cmpnt-container pre,body div.brlbs-cmpnt-container q,body div.brlbs-cmpnt-container ruby,body div.brlbs-cmpnt-container s,body div.brlbs-cmpnt-container samp,body div.brlbs-cmpnt-container section,body div.brlbs-cmpnt-container small,body div.brlbs-cmpnt-container span,body div.brlbs-cmpnt-container strike,body div.brlbs-cmpnt-container strong,body div.brlbs-cmpnt-container sub,body div.brlbs-cmpnt-container summary,body div.brlbs-cmpnt-container sup,body div.brlbs-cmpnt-container table,body div.brlbs-cmpnt-container tbody,body div.brlbs-cmpnt-container td,body div.brlbs-cmpnt-container tfoot,body div.brlbs-cmpnt-container th,body div.brlbs-cmpnt-container thead,body div.brlbs-cmpnt-container time,body div.brlbs-cmpnt-container tr,body div.brlbs-cmpnt-container tt,body div.brlbs-cmpnt-container u,body div.brlbs-cmpnt-container ul,body div.brlbs-cmpnt-container var,body div.brlbs-cmpnt-container video{border:0;font-family:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}body div.brlbs-cmpnt-container article,body div.brlbs-cmpnt-container aside,body div.brlbs-cmpnt-container details,body div.brlbs-cmpnt-container figcaption,body div.brlbs-cmpnt-container figure,body div.brlbs-cmpnt-container footer,body div.brlbs-cmpnt-container header,body div.brlbs-cmpnt-container hgroup,body div.brlbs-cmpnt-container menu,body div.brlbs-cmpnt-container nav,body div.brlbs-cmpnt-container section{display:block}body div.brlbs-cmpnt-container blockquote,body div.brlbs-cmpnt-container q{quotes:none}body div.brlbs-cmpnt-container blockquote:after,body div.brlbs-cmpnt-container blockquote:before,body div.brlbs-cmpnt-container q:after,body div.brlbs-cmpnt-container q:before{content:none}body div.brlbs-cmpnt-container table{border-spacing:0}body div.brlbs-cmpnt-container,body div.brlbs-cmpnt-container *{box-sizing:border-box;color:inherit;font-family:inherit;height:auto;inset:auto;line-height:inherit;position:static;width:auto}body div.brlbs-cmpnt-container button,body div.brlbs-cmpnt-container input,body div.brlbs-cmpnt-container optgroup,body div.brlbs-cmpnt-container select,body div.brlbs-cmpnt-container textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}body div.brlbs-cmpnt-container button:after,body div.brlbs-cmpnt-container button:before{content:none}body div.brlbs-cmpnt-container button,body div.brlbs-cmpnt-container select{text-transform:none}body div.brlbs-cmpnt-container [type=button],body div.brlbs-cmpnt-container [type=reset],body div.brlbs-cmpnt-container [type=submit],body div.brlbs-cmpnt-container button{-webkit-appearance:button}body div.brlbs-cmpnt-container ::-moz-focus-inner{border-style:none;padding:0}body div.brlbs-cmpnt-container :-moz-focusring{outline:1px dotted ButtonText}body div.brlbs-cmpnt-container :-moz-ui-invalid{box-shadow:none}body div.brlbs-cmpnt-container legend{padding:0}body div.brlbs-cmpnt-container progress{vertical-align:baseline}body div.brlbs-cmpnt-container ::-webkit-inner-spin-button,body div.brlbs-cmpnt-container ::-webkit-outer-spin-button{height:auto}body div.brlbs-cmpnt-container [type=search]{-webkit-appearance:textfield;outline-offset:-2px}body div.brlbs-cmpnt-container ::-webkit-search-decoration{-webkit-appearance:none}body div.brlbs-cmpnt-container ::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}body div.brlbs-cmpnt-container summary{display:list-item}body div.brlbs-cmpnt-container blockquote,body div.brlbs-cmpnt-container dd,body div.brlbs-cmpnt-container dl,body div.brlbs-cmpnt-container figure,body div.brlbs-cmpnt-container h1,body div.brlbs-cmpnt-container h2,body div.brlbs-cmpnt-container h3,body div.brlbs-cmpnt-container h4,body div.brlbs-cmpnt-container h5,body div.brlbs-cmpnt-container h6,body div.brlbs-cmpnt-container hr,body div.brlbs-cmpnt-container p,body div.brlbs-cmpnt-container pre{margin:0}body div.brlbs-cmpnt-container button{background-color:transparent;background-image:none}body div.brlbs-cmpnt-container button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}body div.brlbs-cmpnt-container fieldset{margin:0;padding:0}body div.brlbs-cmpnt-container ol,body div.brlbs-cmpnt-container ul{list-style:none;margin:0;padding:0}body div.brlbs-cmpnt-container *,body div.brlbs-cmpnt-container :after,body div.brlbs-cmpnt-container :before{border:0 solid #e5e7eb;box-sizing:border-box}body div.brlbs-cmpnt-container hr{border-top-width:1px}body div.brlbs-cmpnt-container img{border-style:solid}body div.brlbs-cmpnt-container textarea{resize:vertical}body div.brlbs-cmpnt-container input::-moz-placeholder,body div.brlbs-cmpnt-container textarea::-moz-placeholder{color:#9ca3af}body div.brlbs-cmpnt-container input::placeholder,body div.brlbs-cmpnt-container textarea::placeholder{color:#9ca3af}body div.brlbs-cmpnt-container [role=button],body div.brlbs-cmpnt-container button{cursor:pointer}body div.brlbs-cmpnt-container table{border-collapse:collapse}body div.brlbs-cmpnt-container h1,body div.brlbs-cmpnt-container h2,body div.brlbs-cmpnt-container h3,body div.brlbs-cmpnt-container h4,body div.brlbs-cmpnt-container h5,body div.brlbs-cmpnt-container h6{font-size:inherit;font-weight:inherit}body div.brlbs-cmpnt-container a{color:inherit;text-decoration:inherit}body div.brlbs-cmpnt-container button,body div.brlbs-cmpnt-container input,body div.brlbs-cmpnt-container optgroup,body div.brlbs-cmpnt-container select,body div.brlbs-cmpnt-container textarea{color:inherit;line-height:inherit;padding:0}body div.brlbs-cmpnt-container code,body div.brlbs-cmpnt-container kbd,body div.brlbs-cmpnt-container pre,body div.brlbs-cmpnt-container samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}body div.brlbs-cmpnt-container audio,body div.brlbs-cmpnt-container canvas,body div.brlbs-cmpnt-container embed,body div.brlbs-cmpnt-container iframe,body div.brlbs-cmpnt-container img,body div.brlbs-cmpnt-container object,body div.brlbs-cmpnt-container svg,body div.brlbs-cmpnt-container video{display:block;vertical-align:middle}body div.brlbs-cmpnt-container img,body div.brlbs-cmpnt-container video{height:auto;max-width:100%}body div.brlbs-cmpnt-container [multiple],body div.brlbs-cmpnt-container [type=date],body div.brlbs-cmpnt-container [type=datetime-local],body div.brlbs-cmpnt-container [type=email],body div.brlbs-cmpnt-container [type=month],body div.brlbs-cmpnt-container [type=number],body div.brlbs-cmpnt-container [type=password],body div.brlbs-cmpnt-container [type=search],body div.brlbs-cmpnt-container [type=tel],body div.brlbs-cmpnt-container [type=text],body div.brlbs-cmpnt-container [type=time],body div.brlbs-cmpnt-container [type=url],body div.brlbs-cmpnt-container [type=week],body div.brlbs-cmpnt-container select,body div.brlbs-cmpnt-container textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-radius:0;border-width:1px;font-size:1rem;line-height:1.5rem;padding:.5rem .75rem}body div.brlbs-cmpnt-container [multiple]:focus,body div.brlbs-cmpnt-container [type=date]:focus,body div.brlbs-cmpnt-container [type=datetime-local]:focus,body div.brlbs-cmpnt-container [type=email]:focus,body div.brlbs-cmpnt-container [type=month]:focus,body div.brlbs-cmpnt-container [type=number]:focus,body div.brlbs-cmpnt-container [type=password]:focus,body div.brlbs-cmpnt-container [type=search]:focus,body div.brlbs-cmpnt-container [type=tel]:focus,body div.brlbs-cmpnt-container [type=text]:focus,body div.brlbs-cmpnt-container [type=time]:focus,body div.brlbs-cmpnt-container [type=url]:focus,body div.brlbs-cmpnt-container [type=week]:focus,body div.brlbs-cmpnt-container select:focus,body div.brlbs-cmpnt-container textarea:focus{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-inset:var(--brlbs-tw-empty, );--brlbs-tw-ring-offset-width:0px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:#2563eb;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(1px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);border-color:#2563eb;box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 transparent)}body div.brlbs-cmpnt-container input::-moz-placeholder,body div.brlbs-cmpnt-container textarea::-moz-placeholder{color:#6b7280;opacity:1}body div.brlbs-cmpnt-container input::placeholder,body div.brlbs-cmpnt-container textarea::placeholder{color:#6b7280;opacity:1}body div.brlbs-cmpnt-container ::-webkit-datetime-edit-fields-wrapper{padding:0}body div.brlbs-cmpnt-container ::-webkit-date-and-time-value{min-height:1.5em}body div.brlbs-cmpnt-container select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}body div.brlbs-cmpnt-container [multiple]{background-image:none;background-position:0 0;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}body div.brlbs-cmpnt-container [type=checkbox],body div.brlbs-cmpnt-container [type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;background-origin:border-box;border-color:#6b7280;border-width:1px;color:#2563eb;display:inline-block;flex-shrink:0;height:1rem;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;-webkit-user-select:none;-moz-user-select:none;user-select:none;vertical-align:middle;width:1rem}body div.brlbs-cmpnt-container [type=checkbox]{border-radius:0}body div.brlbs-cmpnt-container [type=radio]{border-radius:100%}body div.brlbs-cmpnt-container [type=checkbox]:focus,body div.brlbs-cmpnt-container [type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-inset:var(--brlbs-tw-empty, );--brlbs-tw-ring-offset-width:2px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:#2563eb;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 transparent)}body div.brlbs-cmpnt-container [type=checkbox]:checked,body div.brlbs-cmpnt-container [type=radio]:checked{background-color:currentColor;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}body div.brlbs-cmpnt-container [type=checkbox]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E")}body div.brlbs-cmpnt-container [type=radio]:checked{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")}body div.brlbs-cmpnt-container [type=checkbox]:checked:focus,body div.brlbs-cmpnt-container [type=checkbox]:checked:hover,body div.brlbs-cmpnt-container [type=radio]:checked:focus,body div.brlbs-cmpnt-container [type=radio]:checked:hover{background-color:currentColor;border-color:transparent}body div.brlbs-cmpnt-container [type=checkbox]:indeterminate{background-color:currentColor;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:100% 100%;border-color:transparent}body div.brlbs-cmpnt-container [type=checkbox]:indeterminate:focus,body div.brlbs-cmpnt-container [type=checkbox]:indeterminate:hover{background-color:currentColor;border-color:transparent}body div.brlbs-cmpnt-container [type=file]{background:unset;border-color:inherit;border-radius:0;border-width:0;font-size:unset;line-height:inherit;padding:0}:root{--brlbs-tw-border-spacing-x:0;--brlbs-tw-border-spacing-y:0;--brlbs-tw-translate-x:0;--brlbs-tw-translate-y:0;--brlbs-tw-rotate:0;--brlbs-tw-skew-x:0;--brlbs-tw-skew-y:0;--brlbs-tw-scale-x:1;--brlbs-tw-scale-y:1;--brlbs-tw-pan-x: ;--brlbs-tw-pan-y: ;--brlbs-tw-pinch-zoom: ;--brlbs-tw-scroll-snap-strictness:proximity;--brlbs-tw-gradient-from-position: ;--brlbs-tw-gradient-via-position: ;--brlbs-tw-gradient-to-position: ;--brlbs-tw-ordinal: ;--brlbs-tw-slashed-zero: ;--brlbs-tw-numeric-figure: ;--brlbs-tw-numeric-spacing: ;--brlbs-tw-numeric-fraction: ;--brlbs-tw-ring-inset: ;--brlbs-tw-ring-offset-width:0px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:rgba(59,130,246,.5);--brlbs-tw-ring-offset-shadow:0 0 #0000;--brlbs-tw-ring-shadow:0 0 #0000;--brlbs-tw-shadow:0 0 #0000;--brlbs-tw-shadow-colored:0 0 #0000;--brlbs-tw-blur: ;--brlbs-tw-brightness: ;--brlbs-tw-contrast: ;--brlbs-tw-grayscale: ;--brlbs-tw-hue-rotate: ;--brlbs-tw-invert: ;--brlbs-tw-saturate: ;--brlbs-tw-sepia: ;--brlbs-tw-drop-shadow: ;--brlbs-tw-backdrop-blur: ;--brlbs-tw-backdrop-brightness: ;--brlbs-tw-backdrop-contrast: ;--brlbs-tw-backdrop-grayscale: ;--brlbs-tw-backdrop-hue-rotate: ;--brlbs-tw-backdrop-invert: ;--brlbs-tw-backdrop-opacity: ;--brlbs-tw-backdrop-saturate: ;--brlbs-tw-backdrop-sepia: ;--brlbs-tw-contain-size: ;--brlbs-tw-contain-layout: ;--brlbs-tw-contain-paint: ;--brlbs-tw-contain-style: }::backdrop{--brlbs-tw-border-spacing-x:0;--brlbs-tw-border-spacing-y:0;--brlbs-tw-translate-x:0;--brlbs-tw-translate-y:0;--brlbs-tw-rotate:0;--brlbs-tw-skew-x:0;--brlbs-tw-skew-y:0;--brlbs-tw-scale-x:1;--brlbs-tw-scale-y:1;--brlbs-tw-pan-x: ;--brlbs-tw-pan-y: ;--brlbs-tw-pinch-zoom: ;--brlbs-tw-scroll-snap-strictness:proximity;--brlbs-tw-gradient-from-position: ;--brlbs-tw-gradient-via-position: ;--brlbs-tw-gradient-to-position: ;--brlbs-tw-ordinal: ;--brlbs-tw-slashed-zero: ;--brlbs-tw-numeric-figure: ;--brlbs-tw-numeric-spacing: ;--brlbs-tw-numeric-fraction: ;--brlbs-tw-ring-inset: ;--brlbs-tw-ring-offset-width:0px;--brlbs-tw-ring-offset-color:#fff;--brlbs-tw-ring-color:rgba(59,130,246,.5);--brlbs-tw-ring-offset-shadow:0 0 #0000;--brlbs-tw-ring-shadow:0 0 #0000;--brlbs-tw-shadow:0 0 #0000;--brlbs-tw-shadow-colored:0 0 #0000;--brlbs-tw-blur: ;--brlbs-tw-brightness: ;--brlbs-tw-contrast: ;--brlbs-tw-grayscale: ;--brlbs-tw-hue-rotate: ;--brlbs-tw-invert: ;--brlbs-tw-saturate: ;--brlbs-tw-sepia: ;--brlbs-tw-drop-shadow: ;--brlbs-tw-backdrop-blur: ;--brlbs-tw-backdrop-brightness: ;--brlbs-tw-backdrop-contrast: ;--brlbs-tw-backdrop-grayscale: ;--brlbs-tw-backdrop-hue-rotate: ;--brlbs-tw-backdrop-invert: ;--brlbs-tw-backdrop-opacity: ;--brlbs-tw-backdrop-saturate: ;--brlbs-tw-backdrop-sepia: ;--brlbs-tw-contain-size: ;--brlbs-tw-contain-layout: ;--brlbs-tw-contain-paint: ;--brlbs-tw-contain-style: }.brlbs-cmpnt-container .brlbs-sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.brlbs-cmpnt-container .brlbs-fixed{position:fixed}.brlbs-cmpnt-container .brlbs-absolute{position:absolute}.brlbs-cmpnt-container .brlbs-relative{position:relative}.brlbs-cmpnt-container .brlbs-bottom-0{bottom:0}.brlbs-cmpnt-container .brlbs-left-0{left:0}.brlbs-cmpnt-container .brlbs-right-0{right:0}.brlbs-cmpnt-container .brlbs-top-0{top:0}.brlbs-cmpnt-container .brlbs-z-10{z-index:10}.brlbs-cmpnt-container .brlbs-z-max{z-index:999999}.brlbs-cmpnt-container .brlbs-order-last{order:9999}.brlbs-cmpnt-container .brlbs-mx-2{margin-left:8px;margin-right:8px}.brlbs-cmpnt-container .brlbs-mx-auto{margin-left:auto;margin-right:auto}.brlbs-cmpnt-container .brlbs-my-2{margin-bottom:8px;margin-top:8px}.brlbs-cmpnt-container .brlbs-my-3{margin-bottom:12px;margin-top:12px}.brlbs-cmpnt-container .brlbs-my-4{margin-bottom:16px;margin-top:16px}.brlbs-cmpnt-container .brlbs-mb-0{margin-bottom:0}.brlbs-cmpnt-container .brlbs-mb-3{margin-bottom:12px}.brlbs-cmpnt-container .brlbs-mb-4{margin-bottom:16px}.brlbs-cmpnt-container .brlbs-ml-2{margin-left:8px}.brlbs-cmpnt-container .brlbs-ml-3{margin-left:12px}.brlbs-cmpnt-container .brlbs-mr-1{margin-right:4px}.brlbs-cmpnt-container .brlbs-mr-2{margin-right:8px}.brlbs-cmpnt-container .brlbs-mt-2{margin-top:8px}.brlbs-cmpnt-container .brlbs-mt-4{margin-top:16px}.brlbs-cmpnt-container .brlbs-block{display:block}.brlbs-cmpnt-container .brlbs-inline-block{display:inline-block}.brlbs-cmpnt-container .brlbs-inline{display:inline}.brlbs-cmpnt-container .brlbs-flex{display:flex}.brlbs-cmpnt-container .brlbs-inline-flex{display:inline-flex}.brlbs-cmpnt-container .\!brlbs-hidden{display:none!important}.brlbs-cmpnt-container .brlbs-hidden{display:none}.brlbs-cmpnt-container .brlbs-h-0{height:0}.brlbs-cmpnt-container .brlbs-h-3{height:12px}.brlbs-cmpnt-container .brlbs-h-max{height:-moz-max-content;height:max-content}.brlbs-cmpnt-container .brlbs-h-screen{height:100vh}.brlbs-cmpnt-container .brlbs-min-h-full{min-height:100%}.brlbs-cmpnt-container .brlbs-w-1\/4{width:25%}.brlbs-cmpnt-container .brlbs-w-3{width:12px}.brlbs-cmpnt-container .brlbs-w-3\/4{width:75%}.brlbs-cmpnt-container .brlbs-w-full{width:100%}.brlbs-cmpnt-container .brlbs-w-screen{width:100vw}.brlbs-cmpnt-container .brlbs-flex-1{flex:1 1 0%}.brlbs-cmpnt-container .brlbs-basis-3\/12{flex-basis:25%}.brlbs-cmpnt-container .brlbs-basis-8\/12{flex-basis:66.666667%}.brlbs-cmpnt-container .brlbs-basis-full{flex-basis:100%}.brlbs-cmpnt-container .brlbs--rotate-90{--brlbs-tw-rotate:-90deg}.brlbs-cmpnt-container .brlbs--rotate-90,.brlbs-cmpnt-container .brlbs-rotate-90{transform:translate(var(--brlbs-tw-translate-x),var(--brlbs-tw-translate-y)) rotate(var(--brlbs-tw-rotate)) skew(var(--brlbs-tw-skew-x)) skewY(var(--brlbs-tw-skew-y)) scaleX(var(--brlbs-tw-scale-x)) scaleY(var(--brlbs-tw-scale-y))}.brlbs-cmpnt-container .brlbs-rotate-90{--brlbs-tw-rotate:90deg}.brlbs-cmpnt-container .brlbs-flex-row{flex-direction:row}.brlbs-cmpnt-container .brlbs-flex-col{flex-direction:column}.brlbs-cmpnt-container .brlbs-flex-wrap{flex-wrap:wrap}.brlbs-cmpnt-container .brlbs-items-start{align-items:flex-start}.brlbs-cmpnt-container .brlbs-items-center{align-items:center}.brlbs-cmpnt-container .brlbs-items-stretch{align-items:stretch}.brlbs-cmpnt-container .brlbs-justify-start{justify-content:flex-start}.brlbs-cmpnt-container .brlbs-justify-end{justify-content:flex-end}.brlbs-cmpnt-container .brlbs-justify-center{justify-content:center}.brlbs-cmpnt-container .brlbs-justify-between{justify-content:space-between}.brlbs-cmpnt-container .brlbs-justify-around{justify-content:space-around}.brlbs-cmpnt-container .brlbs-gap-2{gap:8px}.brlbs-cmpnt-container .brlbs-gap-3{gap:12px}.brlbs-cmpnt-container .brlbs-gap-4{gap:16px}.brlbs-cmpnt-container :is(.brlbs-space-x-2>:not([hidden])~:not([hidden])){--brlbs-tw-space-x-reverse:0;margin-left:calc(8px*(1 - var(--brlbs-tw-space-x-reverse)));margin-right:calc(8px*var(--brlbs-tw-space-x-reverse))}.brlbs-cmpnt-container :is(.brlbs-space-y-2>:not([hidden])~:not([hidden])){--brlbs-tw-space-y-reverse:0;margin-bottom:calc(8px*var(--brlbs-tw-space-y-reverse));margin-top:calc(8px*(1 - var(--brlbs-tw-space-y-reverse)))}.brlbs-cmpnt-container :is(.brlbs-space-y-3>:not([hidden])~:not([hidden])){--brlbs-tw-space-y-reverse:0;margin-bottom:calc(12px*var(--brlbs-tw-space-y-reverse));margin-top:calc(12px*(1 - var(--brlbs-tw-space-y-reverse)))}.brlbs-cmpnt-container :is(.brlbs-space-y-4>:not([hidden])~:not([hidden])){--brlbs-tw-space-y-reverse:0;margin-bottom:calc(16px*var(--brlbs-tw-space-y-reverse));margin-top:calc(16px*(1 - var(--brlbs-tw-space-y-reverse)))}.brlbs-cmpnt-container :is(.brlbs-divide-x>:not([hidden])~:not([hidden])){--brlbs-tw-divide-x-reverse:0;border-left-width:calc(1px*(1 - var(--brlbs-tw-divide-x-reverse)));border-right-width:calc(1px*var(--brlbs-tw-divide-x-reverse))}.brlbs-cmpnt-container :is(.brlbs-divide-y>:not([hidden])~:not([hidden])){--brlbs-tw-divide-y-reverse:0;border-bottom-width:calc(1px*var(--brlbs-tw-divide-y-reverse));border-top-width:calc(1px*(1 - var(--brlbs-tw-divide-y-reverse)))}.brlbs-cmpnt-container :is(.brlbs-divide-solid>:not([hidden])~:not([hidden])){border-style:solid}.brlbs-cmpnt-container .brlbs-overflow-auto{overflow:auto}.brlbs-cmpnt-container .brlbs-overflow-hidden{overflow:hidden}.brlbs-cmpnt-container .brlbs-overflow-x-auto{overflow-x:auto}.brlbs-cmpnt-container .brlbs-overflow-x-scroll{overflow-x:scroll}.brlbs-cmpnt-container .brlbs-text-nowrap{text-wrap:nowrap}.brlbs-cmpnt-container .brlbs-break-words{overflow-wrap:break-word}.brlbs-cmpnt-container .brlbs-rounded-3xl{border-radius:1.5rem}.brlbs-cmpnt-container .brlbs-rounded-full{border-radius:9999px}.brlbs-cmpnt-container .brlbs-rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.brlbs-cmpnt-container .brlbs-rounded-t-none{border-top-left-radius:0;border-top-right-radius:0}.brlbs-cmpnt-container .brlbs-border-y{border-bottom-width:1px;border-top-width:1px}.brlbs-cmpnt-container .brlbs-border-t{border-top-width:1px}.brlbs-cmpnt-container .brlbs-border-solid{border-style:solid}.brlbs-cmpnt-container .brlbs-p-4{padding:16px}.brlbs-cmpnt-container .brlbs-px-3{padding-left:12px;padding-right:12px}.brlbs-cmpnt-container .brlbs-px-4{padding-left:16px;padding-right:16px}.brlbs-cmpnt-container .brlbs-py-1{padding-bottom:4px;padding-top:4px}.brlbs-cmpnt-container .brlbs-py-2{padding-bottom:8px;padding-top:8px}.brlbs-cmpnt-container .brlbs-py-3{padding-bottom:12px;padding-top:12px}.brlbs-cmpnt-container .brlbs-py-4{padding-bottom:16px;padding-top:16px}.brlbs-cmpnt-container .brlbs-pb-2{padding-bottom:8px}.brlbs-cmpnt-container .brlbs-pb-4{padding-bottom:16px}.brlbs-cmpnt-container .brlbs-pl-1{padding-left:4px}.brlbs-cmpnt-container .brlbs-pl-2{padding-left:8px}.brlbs-cmpnt-container .brlbs-pl-4{padding-left:16px}.brlbs-cmpnt-container .brlbs-pr-2{padding-right:8px}.brlbs-cmpnt-container .brlbs-pt-1{padding-top:4px}.brlbs-cmpnt-container .brlbs-pt-10{padding-top:40px}.brlbs-cmpnt-container .brlbs-pt-4{padding-top:16px}.brlbs-cmpnt-container .brlbs-pt-6{padding-top:24px}.brlbs-cmpnt-container .brlbs-text-left{text-align:left}.brlbs-cmpnt-container .brlbs-text-center{text-align:center}.brlbs-cmpnt-container .brlbs-text-right{text-align:right}.brlbs-cmpnt-container .brlbs-align-middle{vertical-align:middle}.brlbs-cmpnt-container .brlbs-text-2xl{font-size:calc(var(--dialog-font-size)*1.5);line-height:calc(var(--dialog-font-size)*2.25)}.brlbs-cmpnt-container .brlbs-text-base{font-size:calc(var(--dialog-font-size));line-height:calc(var(--dialog-font-size)*1.5)}.brlbs-cmpnt-container .brlbs-text-lg{font-size:calc(var(--dialog-font-size)*1.125);line-height:calc(var(--dialog-font-size)*1.75)}.brlbs-cmpnt-container .brlbs-text-sm{font-size:calc(var(--dialog-font-size)*.875);line-height:calc(var(--dialog-font-size)*1.25)}.brlbs-cmpnt-container .brlbs-font-bold{font-weight:700}.brlbs-cmpnt-container .brlbs-font-semibold{font-weight:600}.brlbs-cmpnt-container .brlbs-italic{font-style:italic}.brlbs-cmpnt-container .brlbs-leading-tight{line-height:1.25}.brlbs-cmpnt-container .brlbs-no-underline{text-decoration-line:none}.brlbs-cmpnt-container .brlbs-shadow-2xl{--brlbs-tw-shadow:0 25px 50px -12px rgba(0,0,0,.25);--brlbs-tw-shadow-colored:0 25px 50px -12px var(--brlbs-tw-shadow-color);box-shadow:var(--brlbs-tw-ring-offset-shadow,0 0 #0000),var(--brlbs-tw-ring-shadow,0 0 #0000),var(--brlbs-tw-shadow)}.brlbs-cmpnt-container .brlbs-transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.brlbs-cmpnt-container .brlbs-transition-transform{transition-duration:.15s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1)}.brlbs-cmpnt-container .brlbs-duration-400{transition-duration:.4s}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker{container-name:brlbsCmpntContentBlocker;container-type:inline-size;font-family:var(--content-blocker-font-family);font-size:var(--content-blocker-font-size);height:100%;line-height:1.25em}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a{color:var(--content-blocker-link-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a:hover{color:var(--content-blocker-link-color-hover)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-cb-card,body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker.brlbs-cmpnt-cb-provider-card{container-type:normal}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-details{padding:16px;position:relative;text-align:left}@media (min-width:768px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-details{padding:24px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-header{align-items:center;display:flex}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-header.brlbs-cmpnt-with-separator{border-bottom-width:1px;border-style:solid;margin-bottom:16px;padding-bottom:16px}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-button{display:flex;padding-bottom:16px}@media (min-width:768px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-dialog-cb-button{padding-bottom:24px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a{align-items:center;background:var(--content-blocker-background-color);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);color:var(--content-blocker-text-color);justify-content:center;padding:16px;text-align:center}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description{padding-bottom:8px}@media (min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description{padding-bottom:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description{border-bottom-width:var(--content-blocker-separator-width);border-color:var(--content-blocker-separator-color);border-style:solid}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-a .brlbs-cmpnt-cb-description strong{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b{background:var(--content-blocker-background-color);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);color:var(--content-blocker-text-color);display:flex;height:100%;padding-bottom:96px;padding-top:96px;position:relative;text-align:center;width:100%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;padding:16px;position:relative;width:100%}@media (min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{flex-direction:row;gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{background:var(--content-blocker-background);color:var(--content-blocker-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-content{flex-basis:66.666667%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description{padding-bottom:8px}@media (min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description{padding-bottom:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-description strong{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-buttons{align-items:stretch;display:flex;flex-basis:33.333333%;flex-direction:column;gap:8px;justify-content:center;margin:0}@media (min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-buttons{gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c{background:var(--content-blocker-background-color);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);color:var(--content-blocker-text-color);display:flex;height:100%;position:relative;text-align:center;width:100%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{align-items:center;display:flex;flex-direction:column;gap:8px;justify-content:center;margin:48px;padding:16px;position:relative;width:100%}@media (min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{gap:16px;margin:96px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{background:var(--content-blocker-background);border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);color:var(--content-blocker-text-color)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-description{padding-bottom:8px}@media (min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-description{padding-bottom:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-description strong{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-buttons{align-items:stretch;display:flex;flex-direction:column;gap:8px;justify-content:center;margin:0;width:100%}@media (min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-buttons{gap:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-play-button{align-items:center;background:#fff;border-radius:50%;box-shadow:0 1px 5px #00000026;display:flex;height:34px;justify-content:center;left:calc(50% - 17px);margin:0 auto;position:absolute;top:-17px;width:34px}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-play-button:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='78' height='78'%3E%3Cpath d='M7.5 71.5v-64l48 30.328z'/%3E%3Cpath fill='none' stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='12' d='M7.5 71.5v-64l48 30.328z'/%3E%3C/svg%3E") no-repeat 50%;background-size:contain;content:" ";display:inline-block;height:1.142857143em;margin-left:4px;width:.857142857em}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-thumbnail{background-position:50%;background-size:cover;border-bottom-left-radius:var(--content-blocker-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-border-radius-bottom-right);border-top-left-radius:var(--content-blocker-border-radius-top-left);border-top-right-radius:var(--content-blocker-border-radius-top-right);height:100%;left:0;position:absolute;top:0;width:100%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons{align-items:stretch;display:flex;flex-direction:column;gap:8px;justify-content:center;margin-bottom:8px;margin-top:8px}@media (min-width:640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons{flex-direction:row;gap:16px;margin-bottom:16px;margin-top:16px}}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-buttons .brlbs-cmpnt-cb-btn{align-items:center;display:flex;justify-content:center;text-decoration-line:none;width:100%}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d){height:auto;position:fixed}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-left\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-right\]){top:var(--content-blocker-icon-margin)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-left\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-right\]){bottom:calc(var(--content-blocker-icon-margin))}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-right\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-right\]){right:calc(var(--content-blocker-icon-width) + var(--content-blocker-icon-margin))}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[bottom-left\]),body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[top-left\]){left:var(--content-blocker-icon-margin)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-display\[flex\]){display:inline-block;display:flex;position:relative}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[float-left\]){float:left}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker:has(.brlbs-cmpnt-cb-preset-d):has(.brlbs-cmpnt-cb-icon-position\[float-right\]){float:right}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-d .brlbs-cmpnt-cb-icon{display:inline-block;height:var(--content-blocker-icon-height);width:var(--content-blocker-icon-width)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list{display:table}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list>div{display:table-row}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list dt{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list dd,body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-description-list dt{display:table-cell;padding:2px 4px}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn{all:unset;align-items:center;background-color:var(--content-blocker-button-color);border-bottom-left-radius:var(--content-blocker-button-border-radius-bottom-left);border-bottom-right-radius:var(--content-blocker-button-border-radius-bottom-right);border-top-left-radius:var(--content-blocker-button-border-radius-top-left);border-top-right-radius:var(--content-blocker-button-border-radius-top-right);box-sizing:border-box;color:var(--content-blocker-button-text-color);cursor:pointer;font-size:calc(var(--dialog-font-size));font-weight:600;justify-content:center;line-height:calc(var(--dialog-font-size)*1.5);padding:12px 20px;text-align:center;text-decoration-line:none;transition-duration:.4s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:hover{background-color:var(--content-blocker-button-color-hover);color:var(--content-blocker-button-text-color-hover)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:active,body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-btn:focus{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 #0000)}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle{all:unset;align-items:center;box-sizing:border-box;color:var(--content-blocker-link-color);cursor:pointer;display:flex;justify-content:center;text-decoration-line:none}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker a.brlbs-cmpnt-cb-provider-toggle:hover{all:unset;align-items:center;box-sizing:border-box;color:var(--content-blocker-link-color-hover);cursor:pointer;display:flex;justify-content:center;text-decoration-line:none}@container brlbsCmpntContentBlocker (480px <= width < 620px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b{padding-bottom:12%;padding-top:12%}}@container brlbsCmpntContentBlocker (width < 480px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b{padding:0}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main{flex-direction:column;gap:8px;justify-content:normal;margin:6%;overflow:auto}}@container brlbsCmpntContentBlocker (640px <= width < 750px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{margin:10%!important}}@container brlbsCmpntContentBlocker (540px <= width < 640px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{margin:6%!important}}@container brlbsCmpntContentBlocker (width < 540px){body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker{position:static}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{gap:8px;justify-content:normal;margin:6%!important;overflow:auto}body .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-play-button{display:none}}@container brlbsCmpntContentBlocker (width < 375px){.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main,.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main{height:100%;justify-content:normal;overflow:auto}.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-b .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-play-button,.wp-embed-aspect-16-9 .brlbs-cmpnt-container.brlbs-cmpnt-content-blocker .brlbs-cmpnt-cb-preset-c .brlbs-cmpnt-cb-main .brlbs-cmpnt-cb-play-button{display:none}}.wp-embed-aspect-16-9:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) div.wp-block-embed__wrapper{padding:0}.wp-embed-aspect-16-9:has(.brlbs-cmpnt-container.brlbs-cmpnt-content-blocker) div.wp-block-embed__wrapper:before{padding:0}#BorlabsCookieBox,.brlbs-cmpnt-container{font-family:var(--dialog-font-family);font-weight:400;line-height:calc(var(--dialog-font-size)*1.2)}#BorlabsCookieBox .brlbs-cmpnt-h-4,.brlbs-cmpnt-container .brlbs-cmpnt-h-4{height:16px}#BorlabsCookieBox .brlbs-cmpnt-w-4,.brlbs-cmpnt-container .brlbs-cmpnt-w-4{width:16px}#BorlabsCookieBox .brlbs-cmpnt-max-w-xl,.brlbs-cmpnt-container .brlbs-cmpnt-max-w-xl{max-width:576px}#BorlabsCookieBox .brlbs-cmpnt-max-w-3xl,.brlbs-cmpnt-container .brlbs-cmpnt-max-w-3xl{max-width:768px}#BorlabsCookieBox .brlbs-cmpnt-max-w-4xl,.brlbs-cmpnt-container .brlbs-cmpnt-max-w-4xl{max-width:896px}#BorlabsCookieBox .brlbs-cmpnt-dialog-backdrop:before,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-backdrop:before{background-color:var(--dialog-backdrop-background-color);content:"";height:100%;left:0;opacity:var(--dialog-backdrop-background-opacity);position:fixed;top:0;width:100%}#BorlabsCookieBox .brlbs-cmpnt-dialog,.brlbs-cmpnt-container .brlbs-cmpnt-dialog{background-color:var(--dialog-background-color);border-bottom-left-radius:var(--dialog-border-radius-bottom-left);border-bottom-right-radius:var(--dialog-border-radius-bottom-right);border-top-left-radius:var(--dialog-border-radius-top-left);border-top-right-radius:var(--dialog-border-radius-top-right);color:var(--dialog-text-color)}#BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-description a,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-entrance-description a{color:var(--dialog-link-primary-color);text-decoration:underline}#BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-description a:hover,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-entrance-description a:hover{color:var(--dialog-link-primary-color-hover);text-decoration:none}#BorlabsCookieBox .brlbs-cmpnt-dialog-entrance-headline:focus-visible,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-entrance-headline:focus-visible{outline:none}#BorlabsCookieBox .brlbs-cmpnt-dialog-details-header,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-details-header{align-items:center;display:flex;justify-content:center}#BorlabsCookieBox .brlbs-cmpnt-dialog-details-header.brlbs-cmpnt-with-separator,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-details-header.brlbs-cmpnt-with-separator{border-bottom-width:1px;border-style:solid;padding-bottom:16px}#BorlabsCookieBox .brlbs-cmpnt-dialog-details-header .brlbs-cmpnt-link,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-details-header .brlbs-cmpnt-link{padding:0}#BorlabsCookieBox .brlbs-cmpnt-dialog-details-header .brlbs-cmpnt-link:active,#BorlabsCookieBox .brlbs-cmpnt-dialog-details-header .brlbs-cmpnt-link:focus,#BorlabsCookieBox .brlbs-cmpnt-dialog-details-header .brlbs-cmpnt-link:focus-visible,#BorlabsCookieBox .brlbs-cmpnt-dialog-details-header .brlbs-cmpnt-link:hover,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-details-header .brlbs-cmpnt-link:active,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-details-header .brlbs-cmpnt-link:focus,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-details-header .brlbs-cmpnt-link:focus-visible,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-details-header .brlbs-cmpnt-link:hover{padding:0}#BorlabsCookieBox .brlbs-cmpnt-with-separator,.brlbs-cmpnt-container .brlbs-cmpnt-with-separator{border-color:var(--dialog-separator-color)}#BorlabsCookieBox .brlbs-cmpnt-dialog-footer,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-footer{background-color:var(--dialog-footer-background-color);color:var(--dialog-footer-text-color);padding-bottom:12px;padding-top:12px}#BorlabsCookieBox .brlbs-cmpnt-dialog-box .brlbs-cmpnt-dialog-details,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-box .brlbs-cmpnt-dialog-details{max-width:896px}#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-entrance,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-bar-entrance{padding:16px}@media (min-width:768px){#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-entrance,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-bar-entrance{align-items:center;align-items:stretch;display:flex;padding:24px}}#BorlabsCookieBox .brlbs-cpmnt-dialog-bar-main,.brlbs-cmpnt-container .brlbs-cpmnt-dialog-bar-main{display:flex;flex-wrap:wrap}@media (min-width:768px){#BorlabsCookieBox .brlbs-cpmnt-dialog-bar-main,.brlbs-cmpnt-container .brlbs-cpmnt-dialog-bar-main{padding-right:24px;width:75%}}#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-header,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-bar-header{align-items:center;display:flex;justify-content:center;width:100%}@media (min-width:640px){#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-header,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-bar-header{justify-content:flex-start}}#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-header.brlbs-cmpnt-with-separator,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-bar-header.brlbs-cmpnt-with-separator{border-bottom-width:1px;border-style:solid;padding-bottom:16px}#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-content,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-bar-content{text-align:left}#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-links,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-bar-links{align-items:center;display:flex;justify-content:space-around;width:100%}@media (min-width:768px){#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-links,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-bar-links{margin-top:12px;padding-top:8px}}#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-links .brlbs-cmpnt-with-separator,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-bar-links .brlbs-cmpnt-with-separator{border-top-width:1px}@media (min-width:768px){#BorlabsCookieBox .brlbs-cmpnt-dialog-bar-links .brlbs-cmpnt-with-separator,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-bar-links .brlbs-cmpnt-with-separator{border-style:solid}}#BorlabsCookieBox .brlbs-cmpnt-dialog-box-entrance,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-box-entrance{padding:16px;position:relative}@media (min-width:768px){#BorlabsCookieBox .brlbs-cmpnt-dialog-box-entrance,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-box-entrance{padding:24px}}#BorlabsCookieBox .brlbs-cmpnt-dialog-box-header,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-box-header{align-items:center;display:flex}#BorlabsCookieBox .brlbs-cmpnt-dialog-box-header.brlbs-cmpnt-with-separator,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-box-header.brlbs-cmpnt-with-separator{border-bottom-width:1px;border-style:solid;padding-bottom:16px}#BorlabsCookieBox .brlbs-cmpnt-dialog-box-buttons,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-box-buttons{align-items:center;display:flex;justify-content:space-around}#BorlabsCookieBox .brlbs-cmpnt-dialog-iab-tcf-entrance,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-iab-tcf-entrance{padding:16px;position:relative}@media (min-width:768px){#BorlabsCookieBox .brlbs-cmpnt-dialog-iab-tcf-entrance,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-iab-tcf-entrance{padding:24px}}#BorlabsCookieBox .brlbs-cmpnt-dialog-iab-tcf-header,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-iab-tcf-header{align-items:center;display:flex}#BorlabsCookieBox .brlbs-cmpnt-dialog-iab-tcf-header.brlbs-cmpnt-with-separator,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-iab-tcf-header.brlbs-cmpnt-with-separator{border-bottom-width:1px;border-style:solid;padding-bottom:16px}#BorlabsCookieBox .brlbs-cmpnt-dialog-box-description,#BorlabsCookieBox .brlbs-cmpnt-dialog-iab-tcf-description,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-box-description,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-iab-tcf-description{height:40vh;padding-bottom:1.25rem}#BorlabsCookieBox .brlbs-cmpnt-dialog-box-description:after,#BorlabsCookieBox .brlbs-cmpnt-dialog-iab-tcf-description:after,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-box-description:after,.brlbs-cmpnt-container .brlbs-cmpnt-dialog-iab-tcf-description:after{background-image:linear-gradient(0deg,var(--dialog-background-color),transparent);bottom:0;content:"";display:block;height:30px;position:absolute;width:100%}#BorlabsCookieBox .brlbs-cmpnt-card *,.brlbs-cmpnt-container .brlbs-cmpnt-card *{color:var(--dialog-card-text-color)}#BorlabsCookieBox .brlbs-cmpnt-card fieldset,.brlbs-cmpnt-container .brlbs-cmpnt-card fieldset{background-color:var(--dialog-card-background-color);border-bottom-left-radius:var(--dialog-card-border-radius-bottom-left);border-bottom-right-radius:var(--dialog-card-border-radius-bottom-right);border-top-left-radius:var(--dialog-card-border-radius-top-left);border-top-right-radius:var(--dialog-card-border-radius-top-right)}#BorlabsCookieBox .brlbs-cmpnt-card .brlbs-cmpnt-card-group-form-control,.brlbs-cmpnt-container .brlbs-cmpnt-card .brlbs-cmpnt-card-group-form-control{all:unset;align-items:center;box-sizing:border-box;color:var(--dialog-card-text-color);display:flex;padding-left:0}#BorlabsCookieBox .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle,#BorlabsCookieBox .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle *,.brlbs-cmpnt-container .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle,.brlbs-cmpnt-container .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle *{color:var(--dialog-card-control-element-color)}#BorlabsCookieBox .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle :hover,#BorlabsCookieBox .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle:hover,.brlbs-cmpnt-container .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle :hover,.brlbs-cmpnt-container .brlbs-cmpnt-card .brlbs-cmpnt-accordion-toggle:hover{color:var(--dialog-card-control-element-color-hover)}#BorlabsCookieBox .brlbs-cmpnt-close-button,.brlbs-cmpnt-container .brlbs-cmpnt-close-button{all:unset;box-sizing:border-box;color:var(--dialog-control-element-color);cursor:pointer;font-size:calc(var(--dialog-font-size)*.875);line-height:calc(var(--dialog-font-size)*1.25);padding:8px;position:absolute;right:0;top:0;transition-duration:.4s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:10}@media (min-width:640px){#BorlabsCookieBox .brlbs-cmpnt-close-button,.brlbs-cmpnt-container .brlbs-cmpnt-close-button{right:8px;top:8px}}#BorlabsCookieBox .brlbs-cmpnt-close-button:active,#BorlabsCookieBox .brlbs-cmpnt-close-button:focus,#BorlabsCookieBox .brlbs-cmpnt-close-button:focus-visible,#BorlabsCookieBox .brlbs-cmpnt-close-button:hover,.brlbs-cmpnt-container .brlbs-cmpnt-close-button:active,.brlbs-cmpnt-container .brlbs-cmpnt-close-button:focus,.brlbs-cmpnt-container .brlbs-cmpnt-close-button:focus-visible,.brlbs-cmpnt-container .brlbs-cmpnt-close-button:hover{all:unset;box-sizing:border-box;cursor:pointer;font-size:calc(var(--dialog-font-size)*.875);line-height:calc(var(--dialog-font-size)*1.25);padding:8px;position:absolute;right:0;top:0;transition-duration:.4s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);z-index:10}@media (min-width:640px){#BorlabsCookieBox .brlbs-cmpnt-close-button:active,#BorlabsCookieBox .brlbs-cmpnt-close-button:focus,#BorlabsCookieBox .brlbs-cmpnt-close-button:focus-visible,#BorlabsCookieBox .brlbs-cmpnt-close-button:hover,.brlbs-cmpnt-container .brlbs-cmpnt-close-button:active,.brlbs-cmpnt-container .brlbs-cmpnt-close-button:focus,.brlbs-cmpnt-container .brlbs-cmpnt-close-button:focus-visible,.brlbs-cmpnt-container .brlbs-cmpnt-close-button:hover{right:8px;top:8px}}#BorlabsCookieBox .brlbs-cmpnt-close-button:hover,.brlbs-cmpnt-container .brlbs-cmpnt-close-button:hover{color:var(--dialog-control-element-color-hover)}#BorlabsCookieBox .brlbs-cmpnt-close-button:focus-visible,.brlbs-cmpnt-container .brlbs-cmpnt-close-button:focus-visible{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 #0000);--brlbs-tw-ring-opacity:1;--brlbs-tw-ring-color:rgb(107 114 128/var(--brlbs-tw-ring-opacity,1));--brlbs-tw-ring-offset-width:2px}#BorlabsCookieBox .brlbs-cmpnt-close-button:active,.brlbs-cmpnt-container .brlbs-cmpnt-close-button:active{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 #0000);--brlbs-tw-ring-opacity:1;--brlbs-tw-ring-color:rgb(209 213 219/var(--brlbs-tw-ring-opacity,1));--brlbs-tw-ring-offset-width:2px}#BorlabsCookieBox .brlbs-cmpnt-consent-list,.brlbs-cmpnt-container .brlbs-cmpnt-consent-list{all:unset;box-sizing:border-box;display:block;list-style-type:none;margin:0 4px}#BorlabsCookieBox .brlbs-cmpnt-consent-list li,.brlbs-cmpnt-container .brlbs-cmpnt-consent-list li{all:unset;box-sizing:border-box;display:list-item;margin:8px 0;position:relative}#BorlabsCookieBox .brlbs-cmpnt-consent-list li:first-child,.brlbs-cmpnt-container .brlbs-cmpnt-consent-list li:first-child{margin-top:0}#BorlabsCookieBox .brlbs-cmpnt-consent-list li:last-child,.brlbs-cmpnt-container .brlbs-cmpnt-consent-list li:last-child{margin-bottom:0}#BorlabsCookieBox .brlbs-cmpnt-consent-list li.brlbs-cmpnt-pr-4,.brlbs-cmpnt-container .brlbs-cmpnt-consent-list li.brlbs-cmpnt-pr-4{padding-right:16px}#BorlabsCookieBox .brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list,.brlbs-cmpnt-container .brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list{display:flex;flex-direction:column;flex-wrap:wrap}#BorlabsCookieBox .brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list>:not([hidden])~:not([hidden]),.brlbs-cmpnt-container .brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list>:not([hidden])~:not([hidden]){--brlbs-tw-space-y-reverse:0;margin-bottom:calc(8px*var(--brlbs-tw-space-y-reverse));margin-top:calc(8px*(1 - var(--brlbs-tw-space-y-reverse)))}@media (min-width:640px){#BorlabsCookieBox .brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list,.brlbs-cmpnt-container .brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list{flex-direction:row}#BorlabsCookieBox .brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list>:not([hidden])~:not([hidden]),.brlbs-cmpnt-container .brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list>:not([hidden])~:not([hidden]){--brlbs-tw-space-y-reverse:0;margin-bottom:calc(0px*var(--brlbs-tw-space-y-reverse));margin-top:calc(0px*(1 - var(--brlbs-tw-space-y-reverse)))}}#BorlabsCookieBox .brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list li,.brlbs-cmpnt-container .brlbs-cmpnt-consent-list.brlbs-cmpnt-inline-consent-list li{margin:0}#BorlabsCookieBox .brlbs-cmpnt-consent-list.brlbs-cmpnt-py-2,.brlbs-cmpnt-container .brlbs-cmpnt-consent-list.brlbs-cmpnt-py-2{padding-bottom:8px;padding-top:8px}#BorlabsCookieBox .brlbs-cmpnt-consent-list.brlbs-cmpnt-justify-start,.brlbs-cmpnt-container .brlbs-cmpnt-consent-list.brlbs-cmpnt-justify-start{justify-content:flex-start}#BorlabsCookieBox .brlbs-cmpnt-consent-list.brlbs-cmpnt-justify-center,.brlbs-cmpnt-container .brlbs-cmpnt-consent-list.brlbs-cmpnt-justify-center{justify-content:center}#BorlabsCookieBox .brlbs-cmpnt-consent-list.brlbs-cmpnt-justify-end,.brlbs-cmpnt-container .brlbs-cmpnt-consent-list.brlbs-cmpnt-justify-end{justify-content:flex-end}#BorlabsCookieBox .brlbs-cmpnt-consent-list.brlbs-cmpnt-justify-between,.brlbs-cmpnt-container .brlbs-cmpnt-consent-list.brlbs-cmpnt-justify-between{justify-content:space-between}#BorlabsCookieBox .brlbs-cmpnt-consent-list.brlbs-cmpnt-justify-around,.brlbs-cmpnt-container .brlbs-cmpnt-consent-list.brlbs-cmpnt-justify-around{justify-content:space-around}#BorlabsCookieBox .brlbs-cmpnt-list-item,.brlbs-cmpnt-container .brlbs-cmpnt-list-item{border-bottom:var(--dialog-list-item-separator-width) solid var(--dialog-list-item-separator-color);padding:var(--dialog-list-padding-small-screen-top) var(--dialog-list-padding-small-screen-right) var(--dialog-list-padding-small-screen-bottom) var(--dialog-list-padding-small-screen-left)}#BorlabsCookieBox .brlbs-cmpnt-list-item:first-child,.brlbs-cmpnt-container .brlbs-cmpnt-list-item:first-child{border-top-left-radius:var(--dialog-list-border-radius-top-left);border-top-right-radius:var(--dialog-list-border-radius-top-right)}#BorlabsCookieBox .brlbs-cmpnt-list-item:last-child,.brlbs-cmpnt-container .brlbs-cmpnt-list-item:last-child{border-bottom-left-radius:var(--dialog-list-border-radius-bottom-left);border-bottom-right-radius:var(--dialog-list-border-radius-bottom-right);border-bottom-width:0}#BorlabsCookieBox .brlbs-cmpnt-list-item:nth-of-type(2n),.brlbs-cmpnt-container .brlbs-cmpnt-list-item:nth-of-type(2n){background-color:var(--dialog-list-item-background-color-even);color:var(--dialog-list-item-text-color-even)}#BorlabsCookieBox .brlbs-cmpnt-list-item:nth-of-type(odd),.brlbs-cmpnt-container .brlbs-cmpnt-list-item:nth-of-type(odd){background-color:var(--dialog-list-item-background-color-odd);color:var(--dialog-list-item-text-color-odd)}#BorlabsCookieBox .brlbs-cmpnt-list-item .brlbs-cmpnt-list-item-controls-container :is(.brlbs-divide-solid>:not([hidden])~:not([hidden])),.brlbs-cmpnt-container .brlbs-cmpnt-list-item .brlbs-cmpnt-list-item-controls-container :is(.brlbs-divide-solid>:not([hidden])~:not([hidden])){border-color:var(--dialog-list-item-control-element-separator-color)}#BorlabsCookieBox .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle,#BorlabsCookieBox .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle *,.brlbs-cmpnt-container .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle,.brlbs-cmpnt-container .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle *{color:var(--dialog-list-item-control-element-color)}#BorlabsCookieBox .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle :hover,#BorlabsCookieBox .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle:hover,.brlbs-cmpnt-container .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle :hover,.brlbs-cmpnt-container .brlbs-cmpnt-list-item .brlbs-cmpnt-accordion-toggle:hover{color:var(--dialog-list-item-control-element-color-hover)}@media (min-width:640px){#BorlabsCookieBox .brlbs-cmpnt-list-item,.brlbs-cmpnt-container .brlbs-cmpnt-list-item{padding:var(--dialog-list-padding-medium-screen-top) var(--dialog-list-padding-medium-screen-right) var(--dialog-list-padding-medium-screen-bottom) var(--dialog-list-padding-medium-screen-left)}}#BorlabsCookieBox .brlbs-cmpnt-list-item-table,.brlbs-cmpnt-container .brlbs-cmpnt-list-item-table{margin-top:var(--dialog-list-padding-small-screen-top)}#BorlabsCookieBox h2.brlbs-cmpnt-h2.brlbs-cmpnt-list-item-table-headline,.brlbs-cmpnt-container h2.brlbs-cmpnt-h2.brlbs-cmpnt-list-item-table-headline{margin-bottom:var(--dialog-list-padding-small-screen-top)}@media (min-width:640px){#BorlabsCookieBox .brlbs-cmpnt-list-item-table,.brlbs-cmpnt-container .brlbs-cmpnt-list-item-table{margin-top:var(--dialog-list-padding-medium-screen-top)}#BorlabsCookieBox h2.brlbs-cmpnt-h2.brlbs-cmpnt-list-item-table-headline,.brlbs-cmpnt-container h2.brlbs-cmpnt-h2.brlbs-cmpnt-list-item-table-headline{margin-bottom:var(--dialog-list-padding-medium-screen-top)}}#BorlabsCookieBox .brlbs-cmpnt-tab,.brlbs-cmpnt-container .brlbs-cmpnt-tab{all:unset;background-color:transparent;box-sizing:border-box;cursor:pointer;flex:1 1 0%;font-size:calc(var(--dialog-font-size)*.875);font-weight:600;letter-spacing:0;line-height:calc(var(--dialog-font-size)*1.25);padding:8px;text-align:center;text-decoration-line:none;text-transform:none}@media (min-width:640px){#BorlabsCookieBox .brlbs-cmpnt-tab,.brlbs-cmpnt-container .brlbs-cmpnt-tab{font-size:calc(var(--dialog-font-size));line-height:calc(var(--dialog-font-size)*1.5)}}#BorlabsCookieBox .brlbs-cmpnt-tab:focus,#BorlabsCookieBox .brlbs-cmpnt-tab:hover,.brlbs-cmpnt-container .brlbs-cmpnt-tab:focus,.brlbs-cmpnt-container .brlbs-cmpnt-tab:hover{all:unset;background-color:transparent;box-sizing:border-box;cursor:pointer;flex:1 1 0%;font-size:calc(var(--dialog-font-size)*.875);font-weight:600;letter-spacing:0;line-height:calc(var(--dialog-font-size)*1.25);padding:8px;text-align:center;text-decoration-line:none;text-transform:none}@media (min-width:640px){#BorlabsCookieBox .brlbs-cmpnt-tab:focus,#BorlabsCookieBox .brlbs-cmpnt-tab:hover,.brlbs-cmpnt-container .brlbs-cmpnt-tab:focus,.brlbs-cmpnt-container .brlbs-cmpnt-tab:hover{font-size:calc(var(--dialog-font-size));line-height:calc(var(--dialog-font-size)*1.5)}}#BorlabsCookieBox .brlbs-cmpnt-tab:focus-visible,.brlbs-cmpnt-container .brlbs-cmpnt-tab:focus-visible{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 #0000);--brlbs-tw-ring-offset-width:2px}#BorlabsCookieBox .brlbs-cmpnt-tab:hover,.brlbs-cmpnt-container .brlbs-cmpnt-tab:hover{text-decoration-line:none}#BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active,.brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-active{background-color:var(--dialog-tab-bar-tab-background-color-active);border-bottom-left-radius:var(--dialog-tab-bar-tab-border-radius-bottom-left-active);border-bottom-right-radius:var(--dialog-tab-bar-tab-border-radius-bottom-right-active);border-color:var(--dialog-tab-bar-tab-border-color-top-active) var(--dialog-tab-bar-tab-border-color-right-active) var(--dialog-tab-bar-tab-border-color-bottom-active) var(--dialog-tab-bar-tab-border-color-left-active);border-style:solid;border-top-left-radius:var(--dialog-tab-bar-tab-border-radius-top-left-active);border-top-right-radius:var(--dialog-tab-bar-tab-border-radius-top-right-active);border-width:0;border-width:var(--dialog-tab-bar-tab-border-width-top-active) var(--dialog-tab-bar-tab-border-width-right-active) var(--dialog-tab-bar-tab-border-width-bottom-active) var(--dialog-tab-bar-tab-border-width-left-active);color:var(--dialog-tab-bar-tab-text-color-active)}#BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive,.brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive{background-color:var(--dialog-tab-bar-tab-background-color-inactive);border-bottom-left-radius:var(--dialog-tab-bar-tab-border-radius-bottom-left-inactive);border-bottom-right-radius:var(--dialog-tab-bar-tab-border-radius-bottom-right-inactive);border-color:var(--dialog-tab-bar-tab-border-color-top-inactive) var(--dialog-tab-bar-tab-border-color-right-inactive) var(--dialog-tab-bar-tab-border-color-bottom-inactive) var(--dialog-tab-bar-tab-border-color-left-inactive);border-style:solid;border-top-left-radius:var(--dialog-tab-bar-tab-border-radius-top-left-inactive);border-top-right-radius:var(--dialog-tab-bar-tab-border-radius-top-right-inactive);border-width:0;border-width:var(--dialog-tab-bar-tab-border-width-top-inactive) var(--dialog-tab-bar-tab-border-width-right-inactive) var(--dialog-tab-bar-tab-border-width-bottom-inactive) var(--dialog-tab-bar-tab-border-width-left-inactive);color:var(--dialog-tab-bar-tab-text-color-inactive)}#BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:focus-visible,#BorlabsCookieBox .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover,.brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:focus-visible,.brlbs-cmpnt-container .brlbs-cmpnt-tab.brlbs-cmpnt-tab-inactive:hover{background-color:var(--dialog-tab-bar-tab-background-color-active);border-bottom-left-radius:var(--dialog-tab-bar-tab-border-radius-bottom-left-active);border-bottom-right-radius:var(--dialog-tab-bar-tab-border-radius-bottom-right-active);border-color:var(--dialog-tab-bar-tab-border-color-top-active) var(--dialog-tab-bar-tab-border-color-right-active) var(--dialog-tab-bar-tab-border-color-bottom-active) var(--dialog-tab-bar-tab-border-color-left-active);border-top-left-radius:var(--dialog-tab-bar-tab-border-radius-top-left-active);border-top-right-radius:var(--dialog-tab-bar-tab-border-radius-top-right-active);border-width:var(--dialog-tab-bar-tab-border-width-top-active) var(--dialog-tab-bar-tab-border-width-right-active) var(--dialog-tab-bar-tab-border-width-bottom-active) var(--dialog-tab-bar-tab-border-width-left-active);color:var(--dialog-tab-bar-tab-text-color-active)}#BorlabsCookieBox .brlbs-cmpnt-table,.brlbs-cmpnt-container .brlbs-cmpnt-table{all:unset;border-bottom-left-radius:var(--dialog-table-border-radius-bottom-left);border-bottom-right-radius:var(--dialog-table-border-radius-bottom-right);border-collapse:collapse;border-top-left-radius:var(--dialog-table-border-radius-top-left);border-top-right-radius:var(--dialog-table-border-radius-top-right);border-width:1px;box-sizing:border-box;display:table;overflow:hidden;text-align:left;width:100%}#BorlabsCookieBox .brlbs-cmpnt-table.brlbs-cmpnt-text-sm,.brlbs-cmpnt-container .brlbs-cmpnt-table.brlbs-cmpnt-text-sm{font-size:calc(var(--dialog-font-size)*.875);line-height:calc(var(--dialog-font-size)*1.25)}#BorlabsCookieBox .brlbs-cmpnt-table.brlbs-cmpnt-text-base,.brlbs-cmpnt-container .brlbs-cmpnt-table.brlbs-cmpnt-text-base{font-size:calc(var(--dialog-font-size));line-height:calc(var(--dialog-font-size)*1.5)}#BorlabsCookieBox .brlbs-cmpnt-table td,#BorlabsCookieBox .brlbs-cmpnt-table th,.brlbs-cmpnt-container .brlbs-cmpnt-table td,.brlbs-cmpnt-container .brlbs-cmpnt-table th{all:unset;box-sizing:border-box;display:table-cell}#BorlabsCookieBox .brlbs-cmpnt-table td.brlbs-hidden,#BorlabsCookieBox .brlbs-cmpnt-table th.brlbs-hidden,.brlbs-cmpnt-container .brlbs-cmpnt-table td.brlbs-hidden,.brlbs-cmpnt-container .brlbs-cmpnt-table th.brlbs-hidden{display:none}#BorlabsCookieBox .brlbs-cmpnt-table td,#BorlabsCookieBox .brlbs-cmpnt-table th,.brlbs-cmpnt-container .brlbs-cmpnt-table td,.brlbs-cmpnt-container .brlbs-cmpnt-table th{border-width:1px 0 0}#BorlabsCookieBox .brlbs-cmpnt-table th,.brlbs-cmpnt-container .brlbs-cmpnt-table th{font-weight:700;text-wrap:nowrap}#BorlabsCookieBox .brlbs-cmpnt-table tr>*,.brlbs-cmpnt-container .brlbs-cmpnt-table tr>*{padding:var(--dialog-table-cell-padding-top) var(--dialog-table-cell-padding-right) var(--dialog-table-cell-padding-bottom) var(--dialog-table-cell-padding-left)}#BorlabsCookieBox .brlbs-cmpnt-table tr,.brlbs-cmpnt-container .brlbs-cmpnt-table tr{border-color:var(--dialog-table-row-border-color);border-top-style:solid;border-top-width:1px;width:100%}#BorlabsCookieBox .brlbs-cmpnt-table tr:nth-of-type(2n),.brlbs-cmpnt-container .brlbs-cmpnt-table tr:nth-of-type(2n){background-color:var(--dialog-table-row-background-color-even);color:var(--dialog-table-row-text-color-even)}#BorlabsCookieBox .brlbs-cmpnt-table tr:nth-of-type(odd),.brlbs-cmpnt-container .brlbs-cmpnt-table tr:nth-of-type(odd){background-color:var(--dialog-table-row-background-color-odd);color:var(--dialog-table-row-text-color-odd)}#BorlabsCookieBox .brlbs-cmpnt-table tr:first-of-type,.brlbs-cmpnt-container .brlbs-cmpnt-table tr:first-of-type{border-top-width:0}#BorlabsCookieBox .brlbs-cmpnt-description-list-container :is(.brlbs-divide-solid>:not([hidden])~:not([hidden])),.brlbs-cmpnt-container .brlbs-cmpnt-description-list-container :is(.brlbs-divide-solid>:not([hidden])~:not([hidden])){border-color:var(--dialog-table-row-border-color)}#BorlabsCookieBox .brlbs-cmpnt-description-list-container>div,.brlbs-cmpnt-container .brlbs-cmpnt-description-list-container>div{padding-bottom:8px;padding-top:8px}#BorlabsCookieBox .brlbs-cmpnt-description-list-container>div:first-child,.brlbs-cmpnt-container .brlbs-cmpnt-description-list-container>div:first-child{padding-top:0}#BorlabsCookieBox .brlbs-cmpnt-description-list-container>div:last-child,.brlbs-cmpnt-container .brlbs-cmpnt-description-list-container>div:last-child{padding-bottom:0}#BorlabsCookieBox .brlbs-cmpnt-description-list,.brlbs-cmpnt-container .brlbs-cmpnt-description-list{display:table}#BorlabsCookieBox .brlbs-cmpnt-description-list>div,.brlbs-cmpnt-container .brlbs-cmpnt-description-list>div{display:table-row}#BorlabsCookieBox .brlbs-cmpnt-description-list dt,.brlbs-cmpnt-container .brlbs-cmpnt-description-list dt{font-weight:700}#BorlabsCookieBox .brlbs-cmpnt-description-list dd,#BorlabsCookieBox .brlbs-cmpnt-description-list dt,.brlbs-cmpnt-container .brlbs-cmpnt-description-list dd,.brlbs-cmpnt-container .brlbs-cmpnt-description-list dt{display:table-cell;padding:2px 4px}@media (min-width:640px){#BorlabsCookieBox .brlbs-cmpnt-table td.sm\:brlbs-table-cell,#BorlabsCookieBox .brlbs-cmpnt-table th.sm\:brlbs-table-cell,.brlbs-cmpnt-container .brlbs-cmpnt-table td.sm\:brlbs-table-cell,.brlbs-cmpnt-container .brlbs-cmpnt-table th.sm\:brlbs-table-cell{display:table-cell}}#BorlabsCookieBox h2.brlbs-cmpnt-h2,.brlbs-cmpnt-container h2.brlbs-cmpnt-h2{all:unset;box-sizing:border-box;display:block;font-size:calc(var(--dialog-font-size)*.875);font-weight:600;line-height:calc(var(--dialog-font-size)*1.25)}@media (min-width:640px){#BorlabsCookieBox h2.brlbs-cmpnt-h2,.brlbs-cmpnt-container h2.brlbs-cmpnt-h2{font-size:calc(var(--dialog-font-size));line-height:calc(var(--dialog-font-size)*1.5)}}#BorlabsCookieBox h2.brlbs-cmpnt-h2.brlbs-cmpnt-provider-card-headline,.brlbs-cmpnt-container h2.brlbs-cmpnt-h2.brlbs-cmpnt-provider-card-headline{margin-bottom:16px}#BorlabsCookieBox h2.brlbs-cmpnt-h2.brlbs-cmpnt-consent-history-headline,.brlbs-cmpnt-container h2.brlbs-cmpnt-h2.brlbs-cmpnt-consent-history-headline{font-size:calc(var(--dialog-font-size));line-height:calc(var(--dialog-font-size)*1.5)}@media (min-width:640px){#BorlabsCookieBox h2.brlbs-cmpnt-h2.brlbs-cmpnt-consent-history-headline,.brlbs-cmpnt-container h2.brlbs-cmpnt-h2.brlbs-cmpnt-consent-history-headline{font-size:calc(var(--dialog-font-size)*1.125);line-height:calc(var(--dialog-font-size)*1.75)}}#BorlabsCookieBox h2.brlbs-cmpnt-h2.brlbs-cmpnt-consent-history-headline.brlbs-cmpnt-my-4,.brlbs-cmpnt-container h2.brlbs-cmpnt-h2.brlbs-cmpnt-consent-history-headline.brlbs-cmpnt-my-4{margin-bottom:16px;margin-top:16px}#BorlabsCookieBox h3.brlbs-cmpnt-h3,.brlbs-cmpnt-container h3.brlbs-cmpnt-h3{all:unset;box-sizing:border-box;display:block;font-size:calc(var(--dialog-font-size));font-weight:600;line-height:calc(var(--dialog-font-size)*1.5)}@media (min-width:640px){#BorlabsCookieBox h3.brlbs-cmpnt-h3,.brlbs-cmpnt-container h3.brlbs-cmpnt-h3{font-size:calc(var(--dialog-font-size)*1.125);line-height:calc(var(--dialog-font-size)*1.75)}}#BorlabsCookieBox h4.brlbs-cmpnt-h4,.brlbs-cmpnt-container h4.brlbs-cmpnt-h4{all:unset;box-sizing:border-box;display:block;font-size:calc(var(--dialog-font-size));font-weight:600;line-height:calc(var(--dialog-font-size)*1.5)}#BorlabsCookieBox label.brlbs-cmpnt-label,.brlbs-cmpnt-container label.brlbs-cmpnt-label{all:unset;align-items:center;box-sizing:border-box;cursor:pointer;display:block;font-size:calc(var(--dialog-font-size));font-weight:600;line-height:calc(var(--dialog-font-size)*1.5);margin-bottom:0}#BorlabsCookieBox label.brlbs-cmpnt-label:after,#BorlabsCookieBox label.brlbs-cmpnt-label:before,.brlbs-cmpnt-container label.brlbs-cmpnt-label:after,.brlbs-cmpnt-container label.brlbs-cmpnt-label:before{all:unset}#BorlabsCookieBox ul.brlbs-cmpnt-ul,.brlbs-cmpnt-container ul.brlbs-cmpnt-ul{all:unset;box-sizing:border-box;display:block;list-style-type:disc;margin-left:12px}#BorlabsCookieBox ul.brlbs-cmpnt-ul li,.brlbs-cmpnt-container ul.brlbs-cmpnt-ul li{all:unset;box-sizing:border-box;display:list-item}#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox{all:unset;background-color:var(--dialog-checkbox-background-color-inactive);border-bottom-left-radius:var(--dialog-checkbox-border-radius-bottom-left);border-bottom-right-radius:var(--dialog-checkbox-border-radius-bottom-right);border-color:var(--dialog-checkbox-border-color-inactive);border-top-left-radius:var(--dialog-checkbox-border-radius-top-left);border-top-right-radius:var(--dialog-checkbox-border-radius-top-right);border-radius:.25rem;border-style:solid;border-width:2px;box-sizing:border-box;cursor:pointer;display:block;height:16px;padding:8px;width:16px}#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:checked,#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:disabled,#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:focus,#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:focus-visible,#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:hover,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:checked,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:disabled,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:focus,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:focus-visible,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:hover{all:unset;background-color:var(--dialog-checkbox-background-color-inactive);border-bottom-left-radius:var(--dialog-checkbox-border-radius-bottom-left);border-bottom-right-radius:var(--dialog-checkbox-border-radius-bottom-right);border-color:var(--dialog-checkbox-border-color-inactive);border-top-left-radius:var(--dialog-checkbox-border-radius-top-left);border-top-right-radius:var(--dialog-checkbox-border-radius-top-right);border-radius:.25rem;border-style:solid;border-width:2px;box-sizing:border-box;cursor:pointer;display:block;height:16px;padding:8px;width:16px}#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:checked:after,#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:checked:before,#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:disabled:after,#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:disabled:before,#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:focus-visible:after,#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:focus-visible:before,#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:focus:after,#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:focus:before,#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:hover:after,#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:hover:before,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:checked:after,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:checked:before,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:disabled:after,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:disabled:before,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:focus-visible:after,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:focus-visible:before,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:focus:after,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:focus:before,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:hover:after,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:hover:before{all:unset;box-sizing:border-box}#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:after,#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:before,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:after,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:before{all:unset;box-sizing:border-box;display:none}#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:checked,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:checked{background-color:var(--dialog-checkbox-background-color-active);background-image:none;border-color:var(--dialog-checkbox-border-color-active);color:var(--dialog-checkbox-check-mark-color-active);position:relative}#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:checked:before,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:checked:before{background-color:var(--dialog-checkbox-check-mark-color-active);content:"";display:block;height:16px;left:0;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='currentColor' viewBox='0 0 16 16'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0'/%3E%3C/svg%3E");position:absolute;top:0;width:16px}#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:checked:disabled:before,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:checked:disabled:before{background-color:var(--dialog-checkbox-check-mark-color-disabled)}#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:disabled,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:disabled{background-color:var(--dialog-checkbox-background-color-disabled);border-color:var(--dialog-checkbox-border-color-disabled);color:var(--dialog-checkbox-check-mark-color-disabled)}#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox:focus-visible,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox:focus-visible{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 #0000);--brlbs-tw-ring-opacity:.8;--brlbs-tw-ring-offset-width:2px}#BorlabsCookieBox input[type=checkbox].brlbs-cmpnt-checkbox.brlbs-cmpnt-mt-1,.brlbs-cmpnt-container input[type=checkbox].brlbs-cmpnt-checkbox.brlbs-cmpnt-mt-1{margin-top:4px}#BorlabsCookieBox .brlbs-cmpnt-btn,.brlbs-cmpnt-container .brlbs-cmpnt-btn{all:unset;align-items:center;box-sizing:border-box;cursor:pointer;font-size:calc(var(--dialog-font-size));justify-content:center;line-height:calc(var(--dialog-font-size)*1.5);padding:12px 20px;text-align:center;text-decoration-line:none;transition-duration:.4s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}#BorlabsCookieBox .brlbs-cmpnt-btn:focus-visible,.brlbs-cmpnt-container .brlbs-cmpnt-btn:focus-visible{all:unset;align-items:center;box-sizing:border-box;cursor:pointer;font-size:calc(var(--dialog-font-size));justify-content:center;line-height:calc(var(--dialog-font-size)*1.5);outline:2px solid transparent;outline-offset:2px;padding:12px 20px;text-align:center;text-decoration-line:none;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 #0000);--brlbs-tw-ring-offset-width:2px;transition-duration:.4s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}#BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-cmpnt-font-semibold,.brlbs-cmpnt-container .brlbs-cmpnt-btn.brlbs-cmpnt-font-semibold{font-weight:600}#BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-cmpnt-btn-sm,.brlbs-cmpnt-container .brlbs-cmpnt-btn.brlbs-cmpnt-btn-sm{font-size:calc(var(--dialog-font-size)*.875);line-height:calc(var(--dialog-font-size)*1.25);padding:8px 16px}#BorlabsCookieBox .brlbs-cmpnt-btn.brlbs-cmpnt-w-full,.brlbs-cmpnt-container .brlbs-cmpnt-btn.brlbs-cmpnt-w-full{width:100%}#BorlabsCookieBox .brlbs-cmpnt-btn-preferences,.brlbs-cmpnt-container .brlbs-cmpnt-btn-preferences{--brlbs-tw-ring-color:var(--dialog-button-accept-all-color-hover);background-color:var(--dialog-button-preferences-color);color:var(--dialog-button-preferences-text-color)}#BorlabsCookieBox .brlbs-cmpnt-btn-preferences:hover,.brlbs-cmpnt-container .brlbs-cmpnt-btn-preferences:hover{background-color:var(--dialog-button-preferences-color-hover);color:var(--dialog-button-preferences-text-color-hover)}#BorlabsCookieBox .brlbs-cmpnt-link,.brlbs-cmpnt-container .brlbs-cmpnt-link{all:unset;background:transparent;box-sizing:border-box;cursor:pointer;font-size:calc(var(--dialog-font-size)*.875);line-height:calc(var(--dialog-font-size)*1.25);padding:8px 12px;transition-duration:.4s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:640px){#BorlabsCookieBox .brlbs-cmpnt-link,.brlbs-cmpnt-container .brlbs-cmpnt-link{padding-left:16px;padding-right:16px}}#BorlabsCookieBox .brlbs-cmpnt-link:active,#BorlabsCookieBox .brlbs-cmpnt-link:focus,#BorlabsCookieBox .brlbs-cmpnt-link:focus-visible,#BorlabsCookieBox .brlbs-cmpnt-link:hover,.brlbs-cmpnt-container .brlbs-cmpnt-link:active,.brlbs-cmpnt-container .brlbs-cmpnt-link:focus,.brlbs-cmpnt-container .brlbs-cmpnt-link:focus-visible,.brlbs-cmpnt-container .brlbs-cmpnt-link:hover{all:unset;background:transparent;box-sizing:border-box;cursor:pointer;font-size:calc(var(--dialog-font-size)*.875);line-height:calc(var(--dialog-font-size)*1.25);padding:8px 12px;transition-duration:.4s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (min-width:640px){#BorlabsCookieBox .brlbs-cmpnt-link:active,#BorlabsCookieBox .brlbs-cmpnt-link:focus,#BorlabsCookieBox .brlbs-cmpnt-link:focus-visible,#BorlabsCookieBox .brlbs-cmpnt-link:hover,.brlbs-cmpnt-container .brlbs-cmpnt-link:active,.brlbs-cmpnt-container .brlbs-cmpnt-link:focus,.brlbs-cmpnt-container .brlbs-cmpnt-link:focus-visible,.brlbs-cmpnt-container .brlbs-cmpnt-link:hover{padding-left:16px;padding-right:16px}}#BorlabsCookieBox .brlbs-cmpnt-link:hover,.brlbs-cmpnt-container .brlbs-cmpnt-link:hover{background:transparent;color:var(--dialog-link-secondary-color-hover)}#BorlabsCookieBox .brlbs-cmpnt-link:focus-visible,.brlbs-cmpnt-container .brlbs-cmpnt-link:focus-visible{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 #0000);--brlbs-tw-ring-opacity:1;--brlbs-tw-ring-color:rgb(107 114 128/var(--brlbs-tw-ring-opacity,1));--brlbs-tw-ring-offset-width:2px}#BorlabsCookieBox .brlbs-cmpnt-link:active,.brlbs-cmpnt-container .brlbs-cmpnt-link:active{border-color:transparent;outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 #0000);--brlbs-tw-ring-opacity:1;--brlbs-tw-ring-color:rgb(209 213 219/var(--brlbs-tw-ring-opacity,1));--brlbs-tw-ring-offset-width:2px}#BorlabsCookieBox .brlbs-cmpnt-link.brlbs-cmpnt-flex,.brlbs-cmpnt-container .brlbs-cmpnt-link.brlbs-cmpnt-flex{display:flex}#BorlabsCookieBox .brlbs-cmpnt-link.brlbs-cmpnt-inline-flex,.brlbs-cmpnt-container .brlbs-cmpnt-link.brlbs-cmpnt-inline-flex{display:inline-flex}#BorlabsCookieBox .brlbs-cmpnt-link.brlbs-cmpnt-mx-auto,.brlbs-cmpnt-container .brlbs-cmpnt-link.brlbs-cmpnt-mx-auto{margin-left:auto;margin-right:auto}#BorlabsCookieBox .brlbs-cmpnt-link.brlbs-cmpnt-btn,.brlbs-cmpnt-container .brlbs-cmpnt-link.brlbs-cmpnt-btn{align-items:center;font-size:calc(var(--dialog-font-size));justify-content:center;line-height:calc(var(--dialog-font-size)*1.5);padding:12px 20px;text-align:center;text-decoration-line:none;transition-duration:.4s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}#BorlabsCookieBox .brlbs-cmpnt-link.brlbs-cmpnt-btn:active,#BorlabsCookieBox .brlbs-cmpnt-link.brlbs-cmpnt-btn:focus-visible,.brlbs-cmpnt-container .brlbs-cmpnt-link.brlbs-cmpnt-btn:active,.brlbs-cmpnt-container .brlbs-cmpnt-link.brlbs-cmpnt-btn:focus-visible{outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 #0000)}#BorlabsCookieBox .brlbs-cmpnt-link.brlbs-cmpnt-btn-sm,.brlbs-cmpnt-container .brlbs-cmpnt-link.brlbs-cmpnt-btn-sm{font-size:calc(var(--dialog-font-size)*.875);line-height:calc(var(--dialog-font-size)*1.25);padding:8px 16px}#BorlabsCookieBox .brlbs-cmpnt-link.brlbs-cmpnt-back-button,.brlbs-cmpnt-container .brlbs-cmpnt-link.brlbs-cmpnt-back-button{align-items:center;color:var(--dialog-control-element-color);padding:0}#BorlabsCookieBox .brlbs-cmpnt-link.brlbs-cmpnt-back-button:focus-visible,#BorlabsCookieBox .brlbs-cmpnt-link.brlbs-cmpnt-back-button:hover,.brlbs-cmpnt-container .brlbs-cmpnt-link.brlbs-cmpnt-back-button:focus-visible,.brlbs-cmpnt-container .brlbs-cmpnt-link.brlbs-cmpnt-back-button:hover{align-items:center;color:var(--dialog-control-element-color-hover);padding:0}#BorlabsCookieBox .brlbs-cmpnt-link.brlbs-cmpnt-btn-selection,.brlbs-cmpnt-container .brlbs-cmpnt-link.brlbs-cmpnt-btn-selection{background-color:var(--dialog-button-selection-color);border-bottom-left-radius:var(--dialog-button-border-radius-bottom-left);border-bottom-right-radius:var(--dialog-button-border-radius-bottom-right);border-top-left-radius:var(--dialog-button-border-radius-top-left);border-top-right-radius:var(--dialog-button-border-radius-top-right);color:var(--dialog-button-selection-text-color)}#BorlabsCookieBox .brlbs-cmpnt-link.brlbs-cmpnt-btn-selection:hover,.brlbs-cmpnt-container .brlbs-cmpnt-link.brlbs-cmpnt-btn-selection:hover{background-color:var(--dialog-button-selection-color-hover);color:var(--dialog-button-selection-text-color-hover)}#BorlabsCookieBox .brlbs-cmpnt-inline-link,#BorlabsCookieBox .brlbs-cmpnt-inline-link *,.brlbs-cmpnt-container .brlbs-cmpnt-inline-link,.brlbs-cmpnt-container .brlbs-cmpnt-inline-link *{color:var(--dialog-link-primary-color);font-weight:600;text-decoration:underline}#BorlabsCookieBox .brlbs-cmpnt-inline-link :hover,#BorlabsCookieBox .brlbs-cmpnt-inline-link:hover,.brlbs-cmpnt-container .brlbs-cmpnt-inline-link :hover,.brlbs-cmpnt-container .brlbs-cmpnt-inline-link:hover{color:var(--dialog-link-primary-color-hover);text-decoration:none}#BorlabsCookieBox .brlbs-cmpnt-btn-switch,.brlbs-cmpnt-container .brlbs-cmpnt-btn-switch{all:unset;box-sizing:border-box;cursor:pointer;display:inline-block;height:26px;margin:0;position:relative;vertical-align:middle;width:50px}#BorlabsCookieBox .brlbs-cmpnt-btn-switch:has(input:focus-visible),.brlbs-cmpnt-container .brlbs-cmpnt-btn-switch:has(input:focus-visible){border-color:transparent;outline:2px solid transparent;outline-offset:2px;--brlbs-tw-ring-offset-shadow:var(--brlbs-tw-ring-inset) 0 0 0 var(--brlbs-tw-ring-offset-width) var(--brlbs-tw-ring-offset-color);--brlbs-tw-ring-shadow:var(--brlbs-tw-ring-inset) 0 0 0 calc(2px + var(--brlbs-tw-ring-offset-width)) var(--brlbs-tw-ring-color);box-shadow:var(--brlbs-tw-ring-offset-shadow),var(--brlbs-tw-ring-shadow),var(--brlbs-tw-shadow,0 0 #0000);--brlbs-tw-ring-opacity:1;--brlbs-tw-ring-color:rgb(107 114 128/var(--brlbs-tw-ring-opacity,1));--brlbs-tw-ring-offset-width:2px}#BorlabsCookieBox .brlbs-cmpnt-btn-switch input,.brlbs-cmpnt-container .brlbs-cmpnt-btn-switch input{all:unset;box-sizing:border-box;height:0;opacity:0;width:0}#BorlabsCookieBox .brlbs-cmpnt-btn-switch input:after,#BorlabsCookieBox .brlbs-cmpnt-btn-switch input:before,.brlbs-cmpnt-container .brlbs-cmpnt-btn-switch input:after,.brlbs-cmpnt-container .brlbs-cmpnt-btn-switch input:before{all:unset;box-sizing:border-box}#BorlabsCookieBox .brlbs-cmpnt-btn-switch input:checked+.brlbs-cmpnt-slider,.brlbs-cmpnt-container .brlbs-cmpnt-btn-switch input:checked+.brlbs-cmpnt-slider{background-color:var(--dialog-switch-button-background-color-active)}#BorlabsCookieBox .brlbs-cmpnt-btn-switch input:checked+.brlbs-cmpnt-slider:before,.brlbs-cmpnt-container .brlbs-cmpnt-btn-switch input:checked+.brlbs-cmpnt-slider:before{transform:translate(24px)}#BorlabsCookieBox .brlbs-cmpnt-btn-switch input:disabled+.brlbs-cmpnt-slider,.brlbs-cmpnt-container .brlbs-cmpnt-btn-switch input:disabled+.brlbs-cmpnt-slider{background-color:var(--dialog-switch-button-background-color-inactive)}#BorlabsCookieBox .brlbs-cmpnt-btn-switch input:disabled+.brlbs-cmpnt-slider:before,.brlbs-cmpnt-container .brlbs-cmpnt-btn-switch input:disabled+.brlbs-cmpnt-slider:before{transform:translate(24px)}#BorlabsCookieBox .brlbs-cmpnt-btn-switch .brlbs-cmpnt-slider,.brlbs-cmpnt-container .brlbs-cmpnt-btn-switch .brlbs-cmpnt-slider{background-color:var(--dialog-switch-button-background-color-inactive);cursor:pointer;inset:0;position:absolute;transition:.4s}#BorlabsCookieBox .brlbs-cmpnt-btn-switch .brlbs-cmpnt-slider:before,.brlbs-cmpnt-container .brlbs-cmpnt-btn-switch .brlbs-cmpnt-slider:before{background-color:var(--dialog-switch-button-color-inactive);bottom:4px;content:"";height:18px;left:4px;position:absolute;transition:.4s;width:18px}#BorlabsCookieBox .brlbs-cmpnt-btn-switch .brlbs-cmpnt-slider.brlbs-cmpnt-slider-rounded,#BorlabsCookieBox .brlbs-cmpnt-btn-switch .brlbs-cmpnt-slider.brlbs-cmpnt-slider-rounded:before,.brlbs-cmpnt-container .brlbs-cmpnt-btn-switch .brlbs-cmpnt-slider.brlbs-cmpnt-slider-rounded,.brlbs-cmpnt-container .brlbs-cmpnt-btn-switch .brlbs-cmpnt-slider.brlbs-cmpnt-slider-rounded:before{border-radius:15px}#BorlabsCookieBox .brlbs-cmpnt-btn-switch input:checked+.brlbs-cmpnt-slider:before,.brlbs-cmpnt-container .brlbs-cmpnt-btn-switch input:checked+.brlbs-cmpnt-slider:before{background-color:var(--dialog-switch-button-color-active)}#BorlabsCookieBox .brlbs-cmpnt-animation-fade-enter-active,.brlbs-cmpnt-container .brlbs-cmpnt-animation-fade-enter-active{transition:opacity .2s ease-out}#BorlabsCookieBox .brlbs-cmpnt-animation-fade-leave-active,.brlbs-cmpnt-container .brlbs-cmpnt-animation-fade-leave-active{transition:opacity .2s ease-in}#BorlabsCookieBox .brlbs-cmpnt-animation-fade-enter-active,.brlbs-cmpnt-container .brlbs-cmpnt-animation-fade-enter-active{transition-delay:.3s;transition:opacity .3s ease-out}#BorlabsCookieBox .brlbs-cmpnt-animation-fade-leave-active,.brlbs-cmpnt-container .brlbs-cmpnt-animation-fade-leave-active{transition:opacity .3s ease-in}#BorlabsCookieBox .brlbs-cmpnt-animation-fade-enter-from,#BorlabsCookieBox .brlbs-cmpnt-animation-fade-leave-to,.brlbs-cmpnt-container .brlbs-cmpnt-animation-fade-enter-from,.brlbs-cmpnt-container .brlbs-cmpnt-animation-fade-leave-to{opacity:0}#BorlabsCookieBox .brlbs-cmpnt-animation-fade-backdrop-enter-active,.brlbs-cmpnt-container .brlbs-cmpnt-animation-fade-backdrop-enter-active{transition:opacity .2s ease-out}#BorlabsCookieBox .brlbs-cmpnt-animation-fade-backdrop-leave-active,.brlbs-cmpnt-container .brlbs-cmpnt-animation-fade-backdrop-leave-active{transition:opacity .2s ease-in}#BorlabsCookieBox .brlbs-cmpnt-animation-fade-backdrop-enter-from,#BorlabsCookieBox .brlbs-cmpnt-animation-fade-backdrop-leave-to,.brlbs-cmpnt-container .brlbs-cmpnt-animation-fade-backdrop-enter-from,.brlbs-cmpnt-container .brlbs-cmpnt-animation-fade-backdrop-leave-to{opacity:0}#BorlabsCookieBox .brlbs-cmpnt-animation-animated,.brlbs-cmpnt-container .brlbs-cmpnt-animation-animated{animation-duration:var(--dialog-animation-duration);animation-fill-mode:both}#BorlabsCookieBox .brlbs-cmpnt-animation-animated-delayed,.brlbs-cmpnt-container .brlbs-cmpnt-animation-animated-delayed{animation-delay:var(--dialog-animation-delay)}#BorlabsCookieBox .transition-delayed,.brlbs-cmpnt-container .transition-delayed{transition-delay:var(--dialog-animation-delay)}@media (prefers-reduced-motion:reduce),print{#BorlabsCookieBox .brlbs-cmpnt-animation-animated,.brlbs-cmpnt-container .brlbs-cmpnt-animation-animated{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important}#BorlabsCookieBox .brlbs-cmpnt-animation-animated[class*=Out],.brlbs-cmpnt-container .brlbs-cmpnt-animation-animated[class*=Out]{opacity:0}}#BorlabsCookieBox .brlbs-cmpnt-widget,.brlbs-cmpnt-container .brlbs-cmpnt-widget{cursor:pointer;line-height:0;opacity:1;padding:20px;position:fixed;transition:all .5s ease;z-index:999998}#BorlabsCookieBox .brlbs-cmpnt-widget:hover,.brlbs-cmpnt-container .brlbs-cmpnt-widget:hover{opacity:.8}#BorlabsCookieBox .brlbs-cmpnt-widget svg,.brlbs-cmpnt-container .brlbs-cmpnt-widget svg{filter:drop-shadow(0 0 4px rgba(0,0,0,.2));height:48px;width:48px}@media (max-width:767px){#BorlabsCookieBox .brlbs-cmpnt-widget.brlbs-cmpnt-hide-widget,.brlbs-cmpnt-container .brlbs-cmpnt-widget.brlbs-cmpnt-hide-widget{opacity:0;pointer-events:none;transform:translateY(25px)}#BorlabsCookieBox .brlbs-cmpnt-widget svg,.brlbs-cmpnt-container .brlbs-cmpnt-widget svg{height:32px;width:32px}}body:has(#BorlabsCookieDebugConsole) .brlbs-cmpnt-widget{bottom:70px}.brlbs-cmpnt-container .top-center{align-items:flex-start;display:flex;justify-content:center} body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element{container-name:brlbsCmpntShortcodeElement;container-type:inline-size;height:100%;line-height:1.25em}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list{display:table}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list>div{display:table-row}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list dt{font-weight:700}body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list dd,body .brlbs-cmpnt-container.brlbs-cmpnt-shortcode-element .brlbs-cmpnt-description-list dt{display:table-cell;padding:2px 4px}.brlbs-cmpnt-container .focus\:brlbs-outline-none:focus{outline:2px solid transparent;outline-offset:2px}@media (min-width:640px){.brlbs-cmpnt-container .sm\:brlbs-right-2{right:8px}.brlbs-cmpnt-container .sm\:brlbs-top-2{top:8px}.brlbs-cmpnt-container .sm\:brlbs-mx-auto{margin-left:auto;margin-right:auto}.brlbs-cmpnt-container .sm\:brlbs-mt-6{margin-top:24px}.brlbs-cmpnt-container .sm\:brlbs-block{display:block}.brlbs-cmpnt-container .sm\:brlbs-inline-block{display:inline-block}.brlbs-cmpnt-container .sm\:brlbs-flex{display:flex}.brlbs-cmpnt-container .sm\:brlbs-table-cell{display:table-cell}.brlbs-cmpnt-container .sm\:brlbs-hidden{display:none}.brlbs-cmpnt-container .sm\:brlbs-w-1\/2{width:50%}.brlbs-cmpnt-container .sm\:brlbs-w-1\/5{width:20%}.brlbs-cmpnt-container .sm\:brlbs-w-4\/5{width:80%}.brlbs-cmpnt-container .sm\:brlbs-w-full{width:100%}.brlbs-cmpnt-container .sm\:brlbs-flex-row{flex-direction:row}.brlbs-cmpnt-container .sm\:brlbs-items-start{align-items:flex-start}.brlbs-cmpnt-container .sm\:brlbs-justify-center{justify-content:center}.brlbs-cmpnt-container .sm\:brlbs-gap-4{gap:16px}.brlbs-cmpnt-container :is(.sm\:brlbs-space-x-1>:not([hidden])~:not([hidden])){--brlbs-tw-space-x-reverse:0;margin-left:calc(4px*(1 - var(--brlbs-tw-space-x-reverse)));margin-right:calc(4px*var(--brlbs-tw-space-x-reverse))}.brlbs-cmpnt-container .sm\:brlbs-overflow-x-auto{overflow-x:auto}.brlbs-cmpnt-container .sm\:brlbs-whitespace-nowrap{white-space:nowrap}.brlbs-cmpnt-container .sm\:brlbs-border-t-0{border-top-width:0}.brlbs-cmpnt-container .sm\:brlbs-px-4{padding-left:16px;padding-right:16px}.brlbs-cmpnt-container .sm\:brlbs-px-6{padding-left:24px;padding-right:24px}.brlbs-cmpnt-container .sm\:brlbs-py-0{padding-bottom:0;padding-top:0}.brlbs-cmpnt-container .sm\:brlbs-py-4{padding-bottom:16px;padding-top:16px}.brlbs-cmpnt-container .sm\:brlbs-pb-0{padding-bottom:0}.brlbs-cmpnt-container .sm\:brlbs-pb-6{padding-bottom:24px}.brlbs-cmpnt-container .sm\:brlbs-pl-2{padding-left:8px}.brlbs-cmpnt-container .sm\:brlbs-pt-6{padding-top:24px}.brlbs-cmpnt-container .sm\:brlbs-text-center{text-align:center}.brlbs-cmpnt-container .sm\:brlbs-text-base{font-size:calc(var(--dialog-font-size));line-height:calc(var(--dialog-font-size)*1.5)}}@media (min-width:768px){.brlbs-cmpnt-container .md\:brlbs-mb-0{margin-bottom:0}.brlbs-cmpnt-container .md\:brlbs-flex{display:flex}.brlbs-cmpnt-container .md\:brlbs-max-h-80{max-height:320px}.brlbs-cmpnt-container .md\:brlbs-w-1\/2{width:50%}.brlbs-cmpnt-container .md\:brlbs-w-1\/4{width:25%}.brlbs-cmpnt-container .md\:brlbs-justify-start{justify-content:flex-start}.brlbs-cmpnt-container :is(.md\:brlbs-space-x-4>:not([hidden])~:not([hidden])){--brlbs-tw-space-x-reverse:0;margin-left:calc(16px*(1 - var(--brlbs-tw-space-x-reverse)));margin-right:calc(16px*var(--brlbs-tw-space-x-reverse))}.brlbs-cmpnt-container :is(.md\:brlbs-space-y-0>:not([hidden])~:not([hidden])){--brlbs-tw-space-y-reverse:0;margin-bottom:calc(0px*var(--brlbs-tw-space-y-reverse));margin-top:calc(0px*(1 - var(--brlbs-tw-space-y-reverse)))}.brlbs-cmpnt-container .md\:brlbs-overflow-y-scroll{overflow-y:scroll}.brlbs-cmpnt-container .md\:brlbs-p-6{padding:24px}.brlbs-cmpnt-container .md\:brlbs-px-12{padding-left:48px;padding-right:48px}.brlbs-cmpnt-container .md\:brlbs-pb-6{padding-bottom:24px}.brlbs-cmpnt-container .md\:brlbs-pr-6{padding-right:24px}.brlbs-cmpnt-container .md\:brlbs-pt-6{padding-top:24px}}@media (min-width:1024px){.brlbs-cmpnt-container .lg\:brlbs-order-none{order:0}.brlbs-cmpnt-container .lg\:brlbs-mt-0{margin-top:0}.brlbs-cmpnt-container .lg\:brlbs-basis-3\/12{flex-basis:25%}.brlbs-cmpnt-container .lg\:brlbs-basis-6\/12{flex-basis:50%}}
:root{--dialog-animation-delay: 2s;
--dialog-animation-duration: 1s;
--dialog-backdrop-background-color: #000;
--dialog-background-color: #fff;
--dialog-button-accept-all-color: #004079;
--dialog-button-accept-all-color-hover: #006ed3;
--dialog-button-accept-all-text-color: #fff;
--dialog-button-accept-all-text-color-hover: #fff;
--dialog-button-accept-only-essential-color: #004079;
--dialog-button-accept-only-essential-color-hover: #006ed3;
--dialog-button-accept-only-essential-text-color: #fff;
--dialog-button-accept-only-essential-text-color-hover: #fff;
--dialog-button-close-color: #004079;
--dialog-button-close-color-hover: #006ed3;
--dialog-button-close-text-color: #fff;
--dialog-button-close-text-color-hover: #fff;
--dialog-button-preferences-color: #004079;
--dialog-button-preferences-color-hover: #006ed3;
--dialog-button-preferences-text-color: #fff;
--dialog-button-preferences-text-color-hover: #fff;
--dialog-button-save-consent-color: #004079;
--dialog-button-save-consent-color-hover: #006ed3;
--dialog-button-save-consent-text-color: #fff;
--dialog-button-save-consent-text-color-hover: #fff;
--dialog-button-selection-color: #000;
--dialog-button-selection-color-hover: #262626;
--dialog-button-selection-text-color: #fff;
--dialog-button-selection-text-color-hover: #fff;
--dialog-checkbox-background-color-active: #004079;
--dialog-checkbox-background-color-disabled: #e6e6e6;
--dialog-checkbox-background-color-inactive: #fff;
--dialog-checkbox-border-color-active: #006ed3;
--dialog-checkbox-border-color-disabled: #e6e6e6;
--dialog-checkbox-border-color-inactive: #a72828;
--dialog-checkbox-check-mark-color-active: #fff;
--dialog-checkbox-check-mark-color-disabled: #999;
--dialog-card-background-color: #f7f7f7;
--dialog-card-control-element-color: #004079;
--dialog-card-control-element-color-hover: #006ed3;
--dialog-card-separator-color: #e5e5e5;
--dialog-card-text-color: #555;
--dialog-control-element-color: #004079;
--dialog-control-element-color-hover: #006ed3;
--dialog-footer-background-color: #f5f5f5;
--dialog-footer-text-color: #404040;
--dialog-link-primary-color: #004079;
--dialog-link-primary-color-hover: #006ed3;
--dialog-link-secondary-color: #404040;
--dialog-link-secondary-color-hover: #006ed3;
--dialog-list-item-background-color-even: #fff;
--dialog-list-item-background-color-odd: #fff;
--dialog-list-item-text-color-even: #555;
--dialog-list-item-text-color-odd: #555;
--dialog-list-item-control-element-color: #262626;
--dialog-list-item-control-element-color-hover: #262626;
--dialog-list-item-control-element-separator-color: #262626;
--dialog-list-item-separator-color: #e5e5e5;
--dialog-search-bar-input-background-color: #fff;
--dialog-search-bar-input-border-color-default: #ccc;
--dialog-search-bar-input-border-color-focus: #004079;
--dialog-search-bar-input-text-color: #555;
--dialog-separator-color: #e5e5e5;
--dialog-switch-button-background-color-active: #004079;
--dialog-switch-button-background-color-inactive: #bdc1c8;
--dialog-switch-button-color-active: #fff;
--dialog-switch-button-color-inactive: #fff;
--dialog-tab-bar-tab-background-color-active: #004079;
--dialog-tab-bar-tab-background-color-inactive: #fff;
--dialog-tab-bar-tab-border-color-bottom-active: #004079;
--dialog-tab-bar-tab-border-color-bottom-inactive: #e6e6e6;
--dialog-tab-bar-tab-border-color-left-active: #004079;
--dialog-tab-bar-tab-border-color-left-inactive: #e6e6e6;
--dialog-tab-bar-tab-border-color-right-active: #004079;
--dialog-tab-bar-tab-border-color-right-inactive: #e6e6e6;
--dialog-tab-bar-tab-border-color-top-active: #004079;
--dialog-tab-bar-tab-border-color-top-inactive: #e6e6e6;
--dialog-tab-bar-tab-text-color-active: #fff;
--dialog-tab-bar-tab-text-color-inactive: #555;
--dialog-table-row-background-color-even: #fcfcfc;
--dialog-table-row-background-color-odd: #fafafa;
--dialog-table-row-text-color-even: #555;
--dialog-table-row-text-color-odd: #555;
--dialog-table-row-border-color: #e5e5e5;
--dialog-text-color: #555;
--dialog-font-family: inherit;
--dialog-border-radius-bottom-left: 4px;
--dialog-border-radius-bottom-right: 4px;
--dialog-border-radius-top-left: 4px;
--dialog-border-radius-top-right: 4px;
--dialog-button-border-radius-bottom-left: 4px;
--dialog-button-border-radius-bottom-right: 4px;
--dialog-button-border-radius-top-left: 4px;
--dialog-button-border-radius-top-right: 4px;
--dialog-card-border-radius-bottom-left: 4px;
--dialog-card-border-radius-bottom-right: 4px;
--dialog-card-border-radius-top-left: 4px;
--dialog-card-border-radius-top-right: 4px;
--dialog-card-list-padding-medium-screen-bottom: 24px;
--dialog-card-list-padding-medium-screen-left: 24px;
--dialog-card-list-padding-medium-screen-right: 24px;
--dialog-card-list-padding-medium-screen-top: 0px;
--dialog-card-list-padding-small-screen-bottom: 16px;
--dialog-card-list-padding-small-screen-left: 16px;
--dialog-card-list-padding-small-screen-right: 16px;
--dialog-card-list-padding-small-screen-top: 0px;
--dialog-checkbox-border-radius-bottom-left: 4px;
--dialog-checkbox-border-radius-bottom-right: 4px;
--dialog-checkbox-border-radius-top-left: 4px;
--dialog-checkbox-border-radius-top-right: 4px;
--dialog-font-size: 14px;
--dialog-list-border-radius-bottom-left: 4px;
--dialog-list-border-radius-bottom-right: 4px;
--dialog-list-border-radius-top-left: 4px;
--dialog-list-border-radius-top-right: 4px;
--dialog-list-item-separator-width: 1px;
--dialog-list-padding-medium-screen-bottom: 12px;
--dialog-list-padding-medium-screen-left: 12px;
--dialog-list-padding-medium-screen-right: 12px;
--dialog-list-padding-medium-screen-top: 12px;
--dialog-list-padding-small-screen-bottom: 8px;
--dialog-list-padding-small-screen-left: 8px;
--dialog-list-padding-small-screen-right: 8px;
--dialog-list-padding-small-screen-top: 8px;
--dialog-search-bar-input-border-radius-bottom-left: 4px;
--dialog-search-bar-input-border-radius-bottom-right: 4px;
--dialog-search-bar-input-border-radius-top-left: 4px;
--dialog-search-bar-input-border-radius-top-right: 4px;
--dialog-search-bar-input-border-width-bottom: 1px;
--dialog-search-bar-input-border-width-left: 1px;
--dialog-search-bar-input-border-width-right: 1px;
--dialog-search-bar-input-border-width-top: 1px;
--dialog-tab-bar-tab-border-width-bottom-active: 2px;
--dialog-tab-bar-tab-border-width-left-active: 0px;
--dialog-tab-bar-tab-border-width-right-active: 0px;
--dialog-tab-bar-tab-border-width-top-active: 0px;
--dialog-tab-bar-tab-border-width-bottom-inactive: 2px;
--dialog-tab-bar-tab-border-width-left-inactive: 0px;
--dialog-tab-bar-tab-border-width-right-inactive: 0px;
--dialog-tab-bar-tab-border-width-top-inactive: 0px;
--dialog-tab-bar-tab-border-radius-bottom-left-active: 0px;
--dialog-tab-bar-tab-border-radius-bottom-right-active: 0px;
--dialog-tab-bar-tab-border-radius-top-left-active: 4px;
--dialog-tab-bar-tab-border-radius-top-right-active: 4px;
--dialog-tab-bar-tab-border-radius-bottom-left-inactive: 0px;
--dialog-tab-bar-tab-border-radius-bottom-right-inactive: 0px;
--dialog-tab-bar-tab-border-radius-top-left-inactive: 4px;
--dialog-tab-bar-tab-border-radius-top-right-inactive: 4px;
--dialog-table-border-radius-bottom-left: 0px;
--dialog-table-border-radius-bottom-right: 0px;
--dialog-table-border-radius-top-left: 0px;
--dialog-table-border-radius-top-right: 0px;
--dialog-table-cell-padding-bottom: 8px;
--dialog-table-cell-padding-left: 8px;
--dialog-table-cell-padding-right: 8px;
--dialog-table-cell-padding-top: 8px;
--dialog-backdrop-background-opacity: 0.8;
}
:root{--widget-position: bottom-left;
--widget-color: #555;
}
@keyframes fadeInDown {
from {
opacity: 0;
transform: translate3d(0, -100%, 0);
}
to {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
#BorlabsCookieBox .fadeInDown {
animation-name: fadeInDown;
}
@keyframes fadeOut {
from {
opacity: 1;
}
to {
opacity: 0;
}
}
#BorlabsCookieBox .fadeOut {
animation-name: fadeOut;
}
:root{--content-blocker-background-color: #fafafa;
--content-blocker-button-color: #004079;
--content-blocker-button-color-hover: #006ed3;
--content-blocker-button-text-color: #fff;
--content-blocker-button-text-color-hover: #fff;
--content-blocker-font-family: inherit;
--content-blocker-link-color: #004079;
--content-blocker-link-color-hover: #1e40af;
--content-blocker-separator-color: #e5e5e5;
--content-blocker-text-color: #555;
--content-blocker-border-radius-top-left: 4px;
--content-blocker-border-radius-top-right: 4px;
--content-blocker-border-radius-bottom-left: 4px;
--content-blocker-border-radius-bottom-right: 4px;
--content-blocker-button-border-radius-top-left: 4px;
--content-blocker-button-border-radius-top-right: 4px;
--content-blocker-button-border-radius-bottom-left: 4px;
--content-blocker-button-border-radius-bottom-right: 4px;
--content-blocker-font-size: 14px;
--content-blocker-separator-width: 1px;
--content-blocker-background-opacity: 0.85;
--content-blocker-background: rgba(250, 250, 250 ,0.85);
}