@font-face {
font-family: ABC Diatype;
src: url('../fonts/ABCDiatype-Medium.woff2') format("woff2");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: ABC Diatype;
src: url('../fonts/ABCDiatype-Regular.woff2') format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: Roobert;
src: url('../fonts/Roobert-Regular.woff2') format("woff2");
font-weight: 400;
font-style: normal;
font-display: swap;
}
:root {
--es--dunkelblau: #131740de;
--_variable-collection---es--off-white-90: whitesmoke;
--es--headline-color: #131740de;
--es--blau: #456ac1;
--es--orange: #ed9e36;
--_variable-collection---es--dark-blue-87: #131740de;
--_variable-collection---es--darkblue-10: #1317401a;
--_variable-collection---es--off-white-60: #f5f5f599;
--es--hellblau: #d3dbee;
--_variable-collection---es--darkblue-30: #1317404d;
--border-light: #f5f5f54d;
--_variable-collection---es--off-white-30: #f5f5f54d;
--beige: #dbd4c4;
--es--fließtext: #131740de;
}
body {
color: var(--es--dunkelblau);
letter-spacing: -.01em;
background-color: #f5f5f5;
font-family: ABC Diatype, Arial, sans-serif;
font-size: 1.25rem;
font-weight: 400;
line-height: 1.3;
}
h1 {
color: var(--_variable-collection---es--off-white-90);
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: Roobert, Arial, sans-serif;
font-size: 6.5rem;
font-weight: 400;
line-height: 88%;
}
h2 {
color: var(--es--headline-color);
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: Roobert, Arial, sans-serif;
font-size: 4.5rem;
font-weight: 400;
line-height: 95%;
}
h3 {
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: Roobert, Arial, sans-serif;
font-size: 3rem;
font-weight: 400;
line-height: .95;
}
h4 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 18px;
font-weight: bold;
line-height: 24px;
}
h5 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 14px;
font-weight: bold;
line-height: 20px;
}
h6 {
margin-top: 10px;
margin-bottom: 10px;
font-size: 12px;
font-weight: bold;
line-height: 18px;
}
p {
margin-bottom: 10px;
font-size: 1.25rem;
}
a {
color: var(--es--dunkelblau);
text-transform: none;
text-decoration: none;
}
ul {
margin-top: 0;
margin-bottom: 10px;
padding-left: 2rem;
}
strong {
font-weight: bold;
}
.hero-diagonal {
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.hero-diagonal__content {
background-color: var(--es--blau);
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 62.1408%;
height: 88vh;
min-height: 50rem;
padding: 1.25rem 1.25rem 1.625rem;
display: flex;
}
.hero-diagonal__media {
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
width: 61.8535%;
height: 88vh;
min-height: 50rem;
display: flex;
position: absolute;
inset: 0% 0% 0% auto;
}
.hero-diagonal__shape--top {
justify-content: center;
align-items: center;
width: 83.04%;
height: 58.0416%;
display: flex;
position: absolute;
overflow: hidden;
}
.hero-diagonal__shape--bottom {
flex-flow: column;
width: 100%;
height: 68.234%;
margin-top: auto;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
overflow: hidden;
}
.hero {
flex-flow: column;
justify-content: space-around;
max-width: 150rem;
min-height: 100vh;
margin-bottom: 3.5rem;
margin-left: auto;
margin-right: auto;
padding-top: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.hero.is--about-us {
justify-content: flex-start;
align-items: center;
min-height: auto;
margin-bottom: 8rem;
position: relative;
}
.link-and-text-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 70%;
max-width: 44.7rem;
height: 100%;
display: flex;
overflow: hidden;
}
.link-group {
grid-column-gap: 4px;
grid-row-gap: 4px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.icon-link {
grid-column-gap: .4375rem;
background-color: #f5f5f599;
border: 1px solid #f5f5f54d;
border-radius: 6px;
flex: 0 auto;
justify-content: center;
align-items: center;
padding: .375rem .5rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.icon-link__icon-frame {
background-color: var(--es--orange);
justify-content: flex-start;
align-items: center;
width: 1.625rem;
padding-top: .375rem;
padding-bottom: .375rem;
display: flex;
position: relative;
overflow: hidden;
}
.icon-link__label-wrapper {
grid-column-gap: .625rem;
flex: 0 auto;
justify-content: center;
align-items: center;
padding-top: .21875rem;
text-decoration: none;
display: flex;
}
.icon-link__label {
color: #131740;
letter-spacing: .01em;
margin-top: 0;
margin-bottom: 0;
font-family: ABC Diatype, Arial, sans-serif;
font-size: .9375rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.fs-styleguide_section-header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
color: #fff;
border-bottom: 1px solid #eee;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-bottom: 3rem;
line-height: 1.4;
display: grid;
}
.fs-styleguide_item-wrapper {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: flex;
}
.fs-styleguide_section {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-items: start;
padding: 1.45rem;
display: grid;
}
.heading-style-h2 {
letter-spacing: -.03em;
font-family: Roobert, Arial, sans-serif;
font-size: 4.5rem;
font-weight: 400;
line-height: 95%;
}
.heading-style-h1 {
letter-spacing: -.03em;
font-family: Roobert, Arial, sans-serif;
font-size: 6.5rem;
font-weight: 400;
line-height: 88%;
}
.heading-style-h1.move-left {
position: relative;
left: -.065em;
}
.heading-style-h3 {
color: var(--es--headline-color);
letter-spacing: -.03em;
word-break: normal;
font-family: Roobert, Arial, sans-serif;
font-size: 3rem;
font-weight: 400;
line-height: .95;
}
.heading-style-h4 {
letter-spacing: -.03em;
font-family: Roobert, Arial, sans-serif;
font-size: 2rem;
font-weight: 400;
line-height: .95;
}
.fs-styleguide_heading-medium {
font-size: 4rem;
}
.fs-styleguide_item {
grid-column-gap: 1.125rem;
grid-row-gap: 1.125rem;
border-bottom: 1px solid #0000001a;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start;
padding-bottom: 3rem;
display: grid;
position: relative;
}
.fs-styleguide_item.is-stretch {
justify-items: stretch;
}
.text-size-medium {
font-size: 1.25rem;
}
.text-size-medium.has-max-width.hide, .text-size-medium.hide {
display: none;
}
.heading-style-h6 {
letter-spacing: 0;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
font-size: .875rem;
font-weight: 700;
line-height: 1.5;
}
.fs-styleguide_1-col {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.heading-style-h5 {
letter-spacing: -.025em;
font-family: Roobert, Arial, sans-serif;
font-size: 1.5rem;
font-weight: 400;
line-height: 1;
}
.heading-style-h5.full-width {
width: 100%;
}
.blue-bg-styleguide {
background-color: var(--_variable-collection---es--dark-blue-87);
color: #fff;
}
.arrow-icon {
width: .625rem;
}
.arrow-icon.invert {
filter: invert();
}
.arrow-icon.is--large {
width: 1rem;
height: auto;
}
.arrow-icon.rotate-180 {
transform: rotate(180deg);
}
.icon-link__icon-box {
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
display: flex;
}
.eversheim-groups {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
justify-content: space-between;
align-items: center;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: flex;
}
.eversheim-groups.has-border-top-and-bottom {
border-top: 1px solid var(--_variable-collection---es--darkblue-10);
border-bottom: 1px solid var(--_variable-collection---es--darkblue-10);
}
.eversheim_logo {
width: auto;
height: 1.75rem;
}
.text-size-tiny {
font-size: .8125rem;
font-weight: 500;
}
.text-size-tiny.off-white-60 {
color: var(--_variable-collection---es--off-white-60);
}
.fs-styleguide_item-header {
border-bottom: 1px solid #0000001a;
width: 100%;
padding-bottom: 2rem;
}
.text-size-large {
letter-spacing: -.01em;
font-size: 2rem;
font-weight: 400;
line-height: 1.2;
}
.text-size-large.has--max-width {
max-width: 88%;
margin-top: auto;
margin-left: 0;
margin-right: 1.5rem;
}
.text-size-large.has--max-width.align-left {
margin-left: 0;
}
.text-size-large.adjust-width-accordeon-text {
width: 50%;
}
.text-size-regular {
font-size: 1.25rem;
line-height: 1.3;
}
.text-weight-semibold {
font-weight: 600;
}
.text-size-small {
letter-spacing: .01em;
font-family: ABC Diatype, Arial, sans-serif;
font-size: .9375rem;
line-height: 1.3;
}
.text-size-small.text-size-medium {
font-weight: 500;
}
.text-size-small.text-size-medium.reduce-line-height {
line-height: 1.15;
}
.fs-styleguide_3-col {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
align-items: stretch;
width: 100%;
display: grid;
}
.fs-styleguide_label {
color: #fff;
background-color: #2d62ff;
border-radius: .25rem;
flex-direction: row;
justify-content: flex-start;
align-items: center;
padding: .25rem .75rem .3rem;
font-weight: 500;
display: inline-flex;
}
.eversheim-groups-inner {
max-width: 14.75rem;
}
.text-style-muted {
opacity: .6;
}
.text-style-strikethrough {
text-decoration: line-through;
}
.text-style-link {
cursor: pointer;
text-decoration: underline;
}
.text-style-pretty {
text-wrap: pretty;
}
.text-style-italic {
font-style: italic;
}
.text-style-allcaps {
text-transform: uppercase;
}
.text-style-nowrap {
white-space: nowrap;
}
.text-style-balance {
text-wrap: balance;
}
.text-style-quote {
border-left: .25rem solid #e2e2e2;
margin-bottom: 0;
padding: 0 1.25rem;
font-size: 1.25rem;
line-height: 1.5;
}
.fs-styleguide_message {
color: #5e5515;
background-color: #fcf8d8;
border-radius: .25rem;
padding: .25rem .5rem;
font-size: .875rem;
}
.padding-section-small {
padding-top: 3rem;
padding-bottom: 3rem;
}
.button-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: center;
display: flex;
}
.fs-styleguide_empty-box {
z-index: -1;
background-color: #2d40ea0d;
border: 1px dashed #2d40ea;
min-width: 3rem;
height: 3rem;
position: relative;
}
.padding-section-large {
padding-top: 8rem;
padding-bottom: 8rem;
}
.main-wrapper {
grid-column-gap: 11.5rem;
grid-row-gap: 11.5rem;
flex-flow: column;
max-width: 150rem;
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.main-wrapper.is--kontakt {
padding-top: 7.75rem;
}
.fs-styleguide_spacing {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-image: linear-gradient(to top, #2d40ea1a, #fff0);
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: start;
place-items: start stretch;
display: grid;
position: relative;
}
.padding-section-medium {
padding-top: 5rem;
padding-bottom: 5rem;
}
.container-medium {
width: 100%;
max-width: 64rem;
margin-left: auto !important;
margin-right: auto !important;
}
.page-wrapper {
background-color: #f5f5f5;
margin-left: auto;
margin-right: auto;
overflow: clip;
}
.page-wrapper.mobile-nav-adjust.is--white {
background-color: #f5f5f5;
}
.padding-global {
padding-left: 2.5rem;
padding-right: 2.5rem;
}
.container-small {
width: 100%;
max-width: 48rem;
margin-left: auto !important;
margin-right: auto !important;
}
.fs-styleguide_row {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-direction: row;
grid-template-rows: auto;
grid-template-columns: auto;
grid-auto-columns: auto;
grid-auto-flow: column;
justify-content: flex-start;
align-items: center;
display: flex;
}
.container-large {
width: 100%;
max-width: 80rem;
margin-left: auto !important;
margin-right: auto !important;
}
.section.is--relative, .section.z-index-medium {
position: relative;
}
.section-container {
z-index: 10;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
display: block;
position: relative;
}
.section__header {
grid-row-gap: 1.75rem;
border: 0 solid #1317401a;
border-bottom-width: 1px;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-top: 1.5rem;
padding-bottom: 2rem;
display: flex;
position: relative;
}
.section__header.has--no-padding {
padding-top: 0;
padding-bottom: 0;
}
.section__header.has--no-padding.has--no-border-bottom {
border-bottom-style: none;
}
.section__eyebrow {
grid-column-gap: 4px;
flex: none;
justify-content: space-between;
align-items: center;
min-width: 3.75rem;
height: 1.0625rem;
text-decoration: none;
display: flex;
}
.section__eyebrow.absolute-top-right {
position: absolute;
inset: 0% 0% auto auto;
}
.section__eyebrow.align-right {
margin-left: auto;
}
.eyebrow-label {
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: .8125rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.section__body {
justify-content: space-between;
align-items: stretch;
width: 100%;
padding-top: 3rem;
text-decoration: none;
display: flex;
position: relative;
}
.section-content {
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 37.6%;
height: auto;
text-decoration: none;
display: flex;
}
.section__intro {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
text-align: left;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 46rem;
padding-bottom: 3rem;
padding-right: 1.5rem;
display: flex;
}
.section__intro.max-width-medium {
max-width: 45rem;
margin-top: 0;
margin-bottom: auto;
padding-bottom: 0;
}
.button-secondary {
min-width: 10.75rem;
min-height: 2.25rem;
color: var(--_variable-collection---es--off-white-90);
background-color: #131740;
border-radius: 6px;
justify-content: center;
align-items: center;
padding: .5625rem 1.125rem;
text-decoration: none;
display: flex;
overflow: hidden;
box-shadow: 0 0 12px #1317401a;
}
.button-secondary.is--white {
min-width: 0;
line-height: .95%;
}
.button-secondary.show-mobile-portrait {
display: none;
}
.btn-text {
text-align: center;
letter-spacing: .02em;
margin-top: 0;
margin-bottom: 0;
font-size: .9375rem;
font-weight: 500;
line-height: 95%;
text-decoration: none;
}
.absolute-full-size-img {
z-index: 0;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.absolute-full-size-img.z-index {
z-index: 0;
}
.absolute-full-size-img.object-fit-top {
object-position: 50% 0%;
}
.section__media {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 62%;
display: flex;
overflow: clip;
}
.section__media.is--standard-two-column-image {
min-height: 0;
max-height: 90vh;
}
.about__card {
justify-content: space-between;
align-items: stretch;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.about__card.has--border-radius {
border-radius: .625rem;
overflow: hidden;
}
.image-diagonal__first {
background-color: var(--es--blau);
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
min-height: 37.5rem;
max-height: 37.5rem;
padding: 1.25rem 1.25rem 1.625rem;
display: flex;
position: relative;
}
.image-diagonal__first.is--height-xl {
aspect-ratio: 807.62 / 777;
min-height: 31rem;
max-height: 76vh;
padding: 0;
}
.image-diagonal__second {
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
min-height: 37.5rem;
max-height: 37.5rem;
display: flex;
position: relative;
}
.image-diagonal__second.is--height-xl {
aspect-ratio: 866 / 777;
min-height: 31rem;
max-height: 76vh;
}
.about__card-first {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 58.0187%;
height: 100%;
margin-right: -25%;
display: flex;
position: relative;
}
.about__card-first.is--variant-xl {
width: 70.6834%;
}
.about__card-second {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 61.8%;
display: flex;
}
.about__card-second.align-top {
justify-content: flex-start;
align-items: flex-start;
width: 62.168%;
height: 100%;
position: relative;
}
.about__card-second.align-top.is--variant-small {
width: 49.3898%;
}
.about__card-content-small {
max-width: 15.625rem;
margin-top: 0;
}
.about__card-content-small.is--large {
width: 57%;
max-width: 29.375rem;
}
.about__card-content-small.hero-variant {
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
width: 100%;
max-width: none;
height: auto;
padding-left: 21%;
display: flex;
}
.about__card-content-small.hero-variant-no-padding {
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
width: 100%;
max-width: none;
padding-left: 0%;
display: flex;
}
.about__card-content-small.hero-variant-no-padding.is--subpage {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
width: 50%;
margin-left: auto;
margin-right: 0;
}
.about__card-content-small.hero-variant-no-padding.is--blog {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
width: 100%;
margin-left: auto;
margin-right: 0;
}
.about__card-content-small.is--xlarge {
width: 57%;
max-width: none;
}
.container {
grid-row-gap: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.leistungen_component {
grid-row-gap: .625rem;
background-color: var(--es--hellblau);
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 4rem 5.625rem;
text-decoration: none;
display: flex;
}
.leistungen_list {
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-left: auto;
margin-right: auto;
text-decoration: none;
display: flex;
position: relative;
}
.leistungen_toggle {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
grid-template-rows: auto;
grid-template-columns: .25fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: grid;
overflow: hidden;
}
.leistungen_header {
border-radius: 12px;
justify-content: space-between;
align-items: center;
width: 100%;
padding: .75rem 1.5rem;
text-decoration: none;
display: flex;
}
.leistungen_underline-wrap {
background-color: var(--_variable-collection---es--darkblue-30);
width: 100%;
position: relative;
}
.leistungen_arrow {
background-color: var(--es--orange);
flex: none;
justify-content: center;
align-items: center;
width: 2.25rem;
height: 2rem;
padding-top: .375rem;
padding-bottom: .375rem;
display: flex;
position: relative;
overflow: hidden;
}
.leistungen_item {
width: 100%;
color: var(--es--dunkelblau);
text-decoration: none;
}
.leistungen_underline {
background-color: var(--es--dunkelblau);
width: 10%;
height: 1.5px;
}
.relative-full-size-img {
object-fit: cover;
object-position: 50% 50%;
border-radius: .625rem;
width: 100%;
height: 100%;
margin-left: auto;
position: relative;
inset: 0%;
}
.relative-full-size-img.aspect-ratio-for-two-coll {
aspect-ratio: 860 / 776;
}
.section__body-reverse-order-mobile {
z-index: 10;
grid-column-gap: 5.5rem;
grid-row-gap: 5.5rem;
justify-content: space-between;
align-items: stretch;
width: 100%;
padding-top: 3rem;
text-decoration: none;
display: flex;
position: relative;
}
.section__body-reverse-order-mobile.no-padding-top {
padding-top: 0;
}
.logo-spacer {
width: 2.625rem;
}
.footer {
z-index: 100;
width: 100%;
color: var(--_variable-collection---es--off-white-90);
border-radius: 12px;
margin-top: 11.5rem;
padding: 2rem 1.5rem;
position: relative;
overflow: hidden;
}
.footer_content-container {
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
height: auto;
min-height: 46.25rem;
margin-bottom: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.footer_info-container {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
max-width: 34.75rem;
display: flex;
}
.footer_nav-container {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 50%;
max-width: 43rem;
height: auto;
display: flex;
}
.cta-section {
aspect-ratio: 1392 / 365;
border-radius: 12px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
width: 100%;
height: auto;
min-height: 22.8125rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
text-decoration: none;
display: flex;
position: relative;
}
.cta-section.background-primary.has--mobile-card-ratio.is--newsletter {
width: 70%;
}
.cta-divider-line {
background-color: var(--_variable-collection---es--darkblue-30);
width: 100%;
height: 1px;
color: var(--_variable-collection---es--darkblue-30);
text-align: center;
}
.category-wrapper {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.category-wrapper.align-left {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: flex-start;
align-items: center;
}
.card-bottom-right-positioner {
width: auto;
height: 7.35632%;
position: absolute;
inset: auto 0% 0% auto;
}
.category-tag {
grid-column-gap: 8px;
grid-row-gap: 8px;
border: 1px solid #1317401a;
border-radius: 4px;
justify-content: space-between;
align-items: center;
min-height: 1.5rem;
padding: .25rem .5rem;
display: flex;
}
.blog_card-image {
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
position: absolute;
bottom: 0%;
left: 0%;
right: 0%;
transform: scale(1.05);
}
.section__blog {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.blog_card-header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 1rem;
display: flex;
position: relative;
}
.date-text {
color: #131740ab;
font-size: .8125rem;
font-weight: 500;
}
.blog_card {
aspect-ratio: 335 / 435;
width: 100%;
min-width: 19.1rem;
height: auto;
padding: 1rem;
position: relative;
overflow: hidden;
}
.blog_card.is--xl {
aspect-ratio: auto;
margin-bottom: 1rem;
}
.blog_card-body {
justify-content: flex-start;
align-items: center;
height: 35%;
display: flex;
position: relative;
overflow: visible;
}
.category-dot {
background-color: #1317404d;
border-radius: 50%;
width: .5rem;
min-width: 8px;
height: .5rem;
min-height: 8px;
}
.blog_card-collection-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.card-shape-bg {
z-index: 0;
background-color: #dbd4c4;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.blog-card_arrow {
aspect-ratio: 36 / 32;
background-color: #131740de;
flex: none;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
display: flex;
position: relative;
overflow: hidden;
}
.blog-card_arrow.has--orange-bg {
background-color: var(--es--orange);
}
.blog_card-content.is--full-height {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
display: flex;
}
.cta-section-content {
z-index: 10;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: 87%;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative;
}
.cta-section-content.flex-horizontal-desktop {
flex-flow: row;
}
.cta-notch-piece {
background-color: #fff;
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% auto auto;
}
.notch-shape-piece {
z-index: 100;
background-color: #f5f5f5;
border-bottom-left-radius: .625rem;
justify-content: flex-end;
align-items: flex-start;
padding-bottom: .75rem;
padding-left: .875rem;
display: flex;
position: absolute;
inset: 0% 0% auto auto;
}
.blog_card-image-wrapper {
aspect-ratio: 303 / 164;
object-fit: cover;
border-radius: 8px;
width: 100%;
position: relative;
overflow: hidden;
}
.blog_card-image-wrapper.is--large {
aspect-ratio: 1008 / 420;
}
.bracket {
height: .9375rem;
}
.footer-social-info {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
min-height: 21.375rem;
display: flex;
}
.socials-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
height: auto;
display: flex;
}
.social-link {
width: 1.5rem;
height: 1.5rem;
}
.icon__socials {
object-fit: contain;
width: 100%;
height: 100%;
overflow: hidden;
}
.copyright-text-footer {
color: #f5f5f599;
letter-spacing: .01em;
margin-top: 0;
margin-bottom: 0;
font-family: ABC Diatype, Arial, sans-serif;
font-size: .8125rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.footer_logo-container {
grid-column-gap: 1.5rem;
background-image: linear-gradient(#13174000, #131740ab);
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-top: auto;
margin-bottom: 0;
padding-bottom: 2rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
text-decoration: none;
display: flex;
}
.footer_logo-container-content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex: 0 auto;
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.es-treuberater-logowhite {
object-fit: contain;
height: 1.75rem;
}
.footer-content {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
max-width: 140rem;
height: 100%;
margin-left: auto;
margin-right: auto;
display: flex;
}
.footer_nav-container-top {
grid-column-gap: 4rem;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 39.375rem;
text-decoration: none;
display: flex;
}
.footer_nav-column {
grid-row-gap: 1rem;
border: 0 solid #f5f5f54d;
border-left-width: .0625rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding-left: .75rem;
padding-right: .75rem;
text-decoration: none;
display: flex;
}
.footer-links-strong {
color: #f5f5f5;
letter-spacing: .01em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: .9375rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.footer-links-light {
color: #f5f5f599;
letter-spacing: .01em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: .9375rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.privacy-text-wrapper {
grid-row-gap: 4px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
text-decoration: none;
display: flex;
}
.placeholder-text {
color: #1317404d;
letter-spacing: .01em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: .9375rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.newsletter-inputs {
grid-row-gap: 1rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.input-wrapper {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
flex-wrap: wrap;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.input-field-long {
grid-column-gap: 1rem;
background-color: #f5f5f599;
border: .0625rem solid #1317401a;
border-radius: .5rem;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 2.5rem;
padding: .25rem .25rem .25rem 1rem;
display: flex;
}
.input-field-long.is--variant-same-line {
width: 44%;
}
.newsletter-field {
grid-row-gap: 2.5rem;
background-color: #f5f5f599;
border-radius: .5rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 43rem;
margin-top: auto;
margin-bottom: 0;
padding: 1.5rem;
text-decoration: none;
display: flex;
}
.newsletter-field.is--variant-xl {
max-width: none;
}
.name-input-wrapper {
grid-column-gap: .5rem;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 40rem;
height: auto;
text-decoration: none;
display: flex;
}
.name-input-wrapper.is--variant-xl {
justify-content: flex-start;
align-items: flex-start;
max-width: none;
}
.icon__arrow-right {
justify-content: center;
align-items: center;
width: 2.25rem;
height: 2rem;
text-decoration: none;
position: relative;
overflow: hidden;
}
.contact {
grid-row-gap: 2.5rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.placeholder-text-wrapper {
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.privacy-checkbox {
grid-column-gap: .75rem;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-top: 1rem;
text-decoration: none;
display: flex;
}
.input-field {
grid-column-gap: .5rem;
background-color: #f5f5f599;
border: .0625rem solid #1317401a;
border-radius: .5rem;
justify-content: flex-start;
align-items: center;
width: 100%;
height: 2.5rem;
margin-bottom: .625rem;
padding: .25rem 1rem;
display: flex;
}
.input-field.is--variant-small {
width: 27%;
}
.privacy-text {
color: #131740de;
letter-spacing: .01em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: ABC Diatype, Arial, sans-serif;
font-size: .8125rem;
font-weight: 500;
line-height: 1;
text-decoration: none;
}
.privacy-checkmark-wrapper {
background-color: #f5f5f5;
border: 1px solid #1317401a;
border-radius: 4px;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
text-decoration: none;
display: flex;
}
.newsletter-box-headline {
color: #131740de;
letter-spacing: -.01em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: 1.25rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.show-mobile-landscape {
display: none;
}
.section__about-hero {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
overflow: clip;
}
.cta-group {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: flex;
}
.section__body-slider {
z-index: 10;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: flex-start;
align-items: stretch;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.slider-content {
grid-row-gap: 1.5rem;
border-right: 1px solid var(--_variable-collection---es--darkblue-30);
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 50%;
height: auto;
text-decoration: none;
display: flex;
}
.slider-content.variant--small {
width: 37.6%;
}
.slider-content.variant--small.no-border-right {
border-right-style: none;
justify-content: space-between;
align-items: flex-start;
max-height: 100%;
}
.slider__media {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 50%;
min-height: 50rem;
max-height: 90vh;
display: flex;
overflow: clip;
}
.slider__media.variant--large {
width: 62%;
height: auto;
min-height: 0;
max-height: none;
}
.slider-content__header {
grid-row-gap: 1.75rem;
flex-flow: row;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-top: .09375rem;
padding-bottom: 0;
display: flex;
position: relative;
}
.slider__controls {
justify-content: space-between;
align-items: center;
display: flex;
}
.slider-next, .slider-prev {
background-color: var(--es--orange);
flex: none;
justify-content: center;
align-items: center;
width: 3rem;
height: 2.5rem;
padding-top: .375rem;
padding-bottom: .375rem;
display: flex;
position: relative;
overflow: hidden;
}
.slider-text {
width: 100%;
max-width: 43rem;
margin-top: auto;
}
.progress-wrapper-outer {
background-color: var(--_variable-collection---es--darkblue-30);
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 43rem;
height: 1px;
margin-top: auto;
margin-bottom: auto;
display: flex;
position: relative;
}
.progress-wrapper-outer.has--max-width {
max-width: 26.5rem;
height: 2px;
}
.progress-wrapper-outer.max-width-xl {
max-width: 88%;
}
.progress-grow-inner {
background-color: #131740de;
width: 25%;
height: 2px;
position: absolute;
}
.section-numbers {
grid-row-gap: 3rem;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
position: relative;
}
.numbers-container {
grid-row-gap: 3rem;
background-color: var(--es--hellblau);
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 7.75rem 2.5rem;
text-decoration: none;
display: flex;
position: relative;
}
.fact-container {
border-style: solid;
border-width: 1px;
border-color: #1317404d #1317404d #1317404d var(--_variable-collection---es--darkblue-30);
border-radius: 12px;
flex: 0 auto;
justify-content: center;
align-items: stretch;
width: 100%;
max-width: 95rem;
height: auto;
padding: 1.5rem;
text-decoration: none;
display: flex;
position: relative;
}
.fact {
grid-column-gap: 1rem;
grid-row-gap: .625rem;
border-style: solid;
border-width: 0 1px 0 0;
border-color: #1317404d var(--_variable-collection---es--darkblue-30);
flex-direction: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
text-decoration: none;
display: grid;
}
.fact.no-border-right-desktop {
grid-row-gap: .5rem;
border-right-style: none;
grid-template-rows: auto auto;
}
.fact-title {
color: #131740de;
letter-spacing: -.05em;
word-break: keep-all;
margin-top: 0;
margin-bottom: 0;
font-family: Roobert, Arial, sans-serif;
font-size: 10rem;
font-weight: 400;
line-height: 88%;
text-decoration: none;
}
.fact-container-content {
grid-column-gap: .625rem;
border: 0 solid #1317404d;
border-top: 1px #1317404d;
justify-content: center;
align-items: center;
width: 100%;
padding-top: 8px;
text-decoration: none;
display: flex;
}
.fact-description {
color: #131740;
letter-spacing: .01em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: ABC Diatype, Arial, sans-serif;
font-size: .8125rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.section-werte {
grid-row-gap: 1.5rem;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.section-image-wrapper {
border-radius: 12px;
width: 100%;
overflow: hidden;
}
.section-image-wrapper.is--divider {
aspect-ratio: 1392 / 401;
}
.section__img {
object-fit: cover;
width: 100%;
}
.section__img.full-height {
height: 100%;
}
.container-werte {
grid-row-gap: 1.5rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.werte-container {
grid-row-gap: .0625rem;
background-color: #d3dbee;
border: 1px solid #1317401a;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 3rem 5.625rem 5rem;
text-decoration: none;
display: flex;
position: relative;
}
.werte-container.is--stimmen {
padding-top: 5rem;
}
.werte-container-header-wrapper {
grid-column-gap: 1rem;
justify-content: space-between;
align-items: center;
width: 100%;
padding-top: 1.5rem;
padding-bottom: 3rem;
text-decoration: none;
display: flex;
}
.cms-werte-accordeon-wrapper {
grid-row-gap: .0625rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.cms-werte-accordeon-item {
grid-row-gap: 3rem;
background-color: #f5f5f5e6;
border-radius: 12px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
padding: 3rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.cms-werte-accordeon-title {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.cms-werte-accordeon-content {
overflow: hidden;
}
.cms-werte-accordeon-content-inner {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
justify-content: space-between;
align-items: stretch;
width: 100%;
text-decoration: none;
display: flex;
}
.accordeon-text {
align-self: center;
font-size: 1rem;
font-weight: 500;
}
.accordeon-text.adjust-width-accordeon-text {
width: 50%;
font-size: 1.125rem;
}
.inner-divider {
background-color: var(--_variable-collection---es--darkblue-30);
width: 1px;
height: auto;
}
.accordeon-icon-wrapper {
justify-content: center;
align-items: center;
display: flex;
position: relative;
}
.accordeon-icon-vertical-line {
background-color: var(--es--dunkelblau);
width: 1.5px;
height: 2.5rem;
position: absolute;
inset: auto;
}
.accordeon-icon-horizontal-line {
background-color: var(--es--dunkelblau);
width: 2.5rem;
height: 1.5px;
}
.counter-text {
color: #131740de;
text-align: right;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: Roobert, Arial, sans-serif;
font-size: 20px;
font-weight: 400;
line-height: 95%;
text-decoration: none;
position: relative;
}
.slider-controls-and-counter-wrapper {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
max-width: 43rem;
display: flex;
position: relative;
}
.slider-controls-and-counter-wrapper.has--max-width {
max-width: 26.5rem;
margin-top: auto;
margin-bottom: 0;
}
.slider-controls-and-counter-wrapper.no-max-width {
max-width: none;
}
.slider-controls-and-counter-wrapper.no-max-width.bottom-align {
justify-content: space-between;
align-items: flex-end;
}
.cta-quaternary-flex {
z-index: 50;
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
height: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: flex;
position: relative;
}
.cta-notch-outline {
width: 100%;
height: 100%;
position: absolute;
inset: 0% 0% auto auto;
}
.background-primary {
background-color: var(--es--hellblau);
}
.landscape-anchor-bottom-right {
z-index: 50;
justify-content: flex-end;
align-items: flex-end;
width: auto;
height: 13%;
display: flex;
position: absolute;
inset: auto 0% 0% auto;
}
.cta-quaternary-content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 62.3512%;
height: 100%;
display: flex;
}
.cta-quaternary-image-wrapper {
aspect-ratio: 458 / 379;
border-radius: 8px;
width: 34.0774%;
height: 100%;
position: relative;
overflow: hidden;
}
.cta-quaternary-image-wrapper.is--1-to-1-square {
aspect-ratio: 1;
width: 100%;
}
.visionen-container {
grid-row-gap: .0625rem;
background-image: url('../images/background-vision.avif');
background-position: 0 0;
background-size: cover;
background-attachment: fixed;
border: 1px solid #1317401a;
border-radius: 12px;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
margin: 11.5rem auto;
text-decoration: none;
display: flex;
position: sticky;
overflow: clip;
}
.sticky-section_panel {
text-align: left;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding-right: 3rem;
display: flex;
position: relative;
top: 0;
overflow: clip;
}
.sticky-section_panel.is--blog {
padding-right: 0;
}
.sticky-section_list {
flex-flow: column;
display: flex;
position: relative;
}
.sticky-section_list.has--padding-top {
padding-top: 3rem;
padding-bottom: 3rem;
}
.sticky-section_card {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
aspect-ratio: 16 / 9;
background-color: var(--_variable-collection---es--off-white-90);
text-align: left;
border-radius: 12px;
flex-flow: column;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
place-content: center space-between;
place-items: flex-start center;
width: 100%;
margin-bottom: 1rem;
margin-left: auto;
margin-right: auto;
padding: 3rem;
display: flex;
position: relative;
box-shadow: 0 2px 5px #0003;
}
.max-width-medium {
width: 100%;
max-width: 20rem;
}
.hero-left {
width: 43%;
height: auto;
min-height: 100%;
padding-top: 3rem;
padding-bottom: 3rem;
padding-left: 1.5rem;
position: static;
}
.hero-left-content {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: auto;
display: flex;
position: sticky;
top: 11vh;
}
.hero-left-content.min-height {
min-height: 92vh;
top: 3rem;
}
.hero-right {
width: 50%;
position: static;
}
.sticky-flex-container {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
justify-content: space-between;
align-items: stretch;
width: 100%;
max-width: 145rem;
margin-left: auto;
margin-right: auto;
display: flex;
}
.number-container {
grid-column-gap: 1rem;
justify-content: flex-start;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.bracket-img {
border-style: solid;
border-width: undefinedpx;
object-fit: cover;
border-color: #1317401a;
}
.bracket-img.max-height {
object-fit: contain;
max-height: 3rem;
}
.text {
color: #131740de;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-family: Roobert, Arial, sans-serif;
font-size: 4.5rem;
font-weight: 400;
line-height: 95%;
text-decoration: none;
}
.blob {
width: 100%;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: 0% 0% 0% -15%;
}
.blob.adjust-to-bottom-right {
inset: auto -16% -123% auto;
}
.blob.move-to-back {
z-index: 0;
bottom: -48%;
}
.blob.adjust-to-top-left {
inset: -77% auto auto -16%;
}
.logo-draw-embed {
aspect-ratio: 648 / 464;
width: 100%;
height: auto;
margin-left: auto;
margin-right: auto;
}
.vision-divider {
background-color: var(--_variable-collection---es--off-white-30);
width: 1px;
height: auto;
margin: 3rem auto;
}
.image-diagonal__fourth {
background-color: var(--es--blau);
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
height: 100%;
min-height: 37.5rem;
max-height: 37.5rem;
padding: 1.25rem 1.25rem 1.625rem;
display: flex;
}
.image-diagonal__fourth.is--height-xl {
aspect-ratio: 807.62 / 777;
min-height: max(31rem, 71vh);
padding: 0;
position: relative;
}
.image-diagonal__third {
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
width: 100%;
height: 100%;
min-height: 37.5rem;
max-height: 37.5rem;
display: flex;
position: relative;
}
.image-diagonal__third.is--height-xl {
aspect-ratio: 807.62 / 777;
min-height: max(31rem, 71vh);
overflow: clip;
}
.split-slider-section__media {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-height: 90vh;
display: flex;
overflow: clip;
}
.jobs_card {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
}
.bottom-right {
z-index: 55;
width: 36px;
height: 32px;
position: absolute;
inset: auto 0% 0% auto;
}
.job-card-notch {
height: 100%;
min-height: 13.25rem;
color: var(--_variable-collection---es--off-white-90);
background-color: #31355a;
padding: 1rem;
position: relative;
}
.job-card-notch.is--news-cards {
background-color: var(--beige);
color: var(--es--dunkelblau);
}
.jobs_card-body {
justify-content: flex-start;
align-items: center;
width: 100%;
padding-right: 2.5rem;
display: flex;
position: relative;
}
.work-flex-container {
grid-row-gap: 5.75rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 3rem;
padding-bottom: 7.9rem;
display: flex;
}
.work-card-wrapper {
grid-column-gap: 10rem;
grid-row-gap: 10rem;
background-image: url('../images/vector-bg.svg');
background-position: 50% 0;
background-repeat: no-repeat;
background-size: auto 100%;
background-attachment: scroll;
flex-flow: row;
justify-content: center;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.work-card-wrapper.no-bg {
background-image: none;
}
.work-card-left {
z-index: 10;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
margin-left: 12.5rem;
display: flex;
position: relative;
}
.work-card-right {
z-index: 10;
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
padding-top: 10rem;
display: flex;
position: relative;
}
.vision-wrapper {
grid-row-gap: 1.5rem;
background-color: var(--_variable-collection---es--off-white-90);
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 26.5rem;
padding: 1.5rem 1.5rem 2rem;
text-decoration: none;
display: flex;
position: relative;
}
.vision-wrapper.is--second-left {
top: 2.125rem;
}
.vision-wrapper.is--third-left {
top: 1.95rem;
}
.vision-wrapper.is--first-right {
position: relative;
top: 1.5rem;
}
.vision-wrapper.is--second-right {
position: relative;
top: 1.25rem;
}
.vision-wrapper.is--third-right {
position: relative;
top: .2rem;
}
.container-3 {
grid-column-gap: 8px;
flex: 0 auto;
justify-content: center;
align-items: center;
height: 36px;
text-decoration: none;
display: flex;
}
.rectangle-223 {
border-style: solid;
border-width: undefinedpx;
object-fit: cover;
border-color: #1317401a;
}
.card-ellipse {
object-fit: cover;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
text-decoration: none;
display: flex;
position: absolute;
top: 2rem;
left: -2.375rem;
}
.tab-section {
grid-row-gap: 3rem;
border: 1px solid #1317404d;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding: 1.5rem;
text-decoration: none;
display: flex;
position: relative;
}
.tab-section-container {
grid-row-gap: 48px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.icon.is--mobile {
display: none;
}
.tab-slider-icons {
aspect-ratio: 1;
object-fit: cover;
width: 22rem;
height: 22rem;
}
.tab-link-content {
grid-row-gap: 1.5rem;
border: 0 solid #1317404d;
border-bottom-width: 1px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.tab-link-inner {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.tabs {
flex-flow: row;
justify-content: space-between;
align-items: center;
width: 100%;
min-height: 35.75rem;
padding-top: 4.25rem;
padding-bottom: 4.25rem;
display: flex;
}
.tabs-menu {
flex-flow: column;
width: 50%;
display: flex;
}
.tab-link {
opacity: .3;
background-color: #0000;
padding: 0;
}
.tab-link.w--current {
opacity: 1;
background-color: #0000;
padding: 0;
}
.tabs-content {
justify-content: center;
align-items: center;
width: 45%;
display: flex;
}
.team-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
width: 100%;
}
.team-grid__cell {
background-image: url('../images/vision-bg.avif');
background-position: 50%;
background-size: cover;
background-attachment: fixed;
justify-content: center;
align-items: flex-start;
display: flex;
}
.team-grid__img {
width: 100%;
height: 100%;
position: absolute;
}
.overlay-team {
display: none;
position: absolute;
inset: auto 0% 0% auto;
}
.team-content-wrapper {
grid-row-gap: 1rem;
background-color: #f5f5f5e6;
border-radius: 8px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 95%;
margin-bottom: 2.5%;
margin-left: auto;
margin-right: auto;
padding: 1rem;
text-decoration: none;
display: flex;
position: absolute;
top: auto;
bottom: 0%;
overflow: hidden;
}
.team-content-container {
grid-column-gap: .625rem;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.team-position {
color: #131740de;
margin-top: 0;
margin-bottom: 0;
font-family: ABC Diatype, Arial, sans-serif;
font-size: 1rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
display: flex;
}
.social-icon-wrapper {
grid-column-gap: .5625rem;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
margin-left: auto;
margin-right: 0;
text-decoration: none;
display: flex;
position: relative;
}
.social-icon-regular {
object-fit: cover;
border-radius: 2px;
justify-content: center;
align-items: center;
width: 1.5rem;
height: 1.5rem;
display: flex;
overflow: hidden;
}
.social-icon-regular.hide {
display: none;
}
.position-social-wrapper {
justify-content: space-between;
align-items: center;
width: 100%;
display: flex;
}
.hero-subpage-flex {
justify-content: center;
align-items: center;
width: 100%;
min-height: 76vh;
max-height: 76vh;
display: flex;
position: absolute;
}
.hero-subpage-flex.is--karriere {
min-height: 60vh;
max-height: 60vh;
inset: 0% 0% auto;
}
.hero-subpage-flex.is--career {
min-height: 72vh;
max-height: 72vh;
}
.hero-subpage-flex.is--karriere-subpage {
min-height: 60vh;
max-height: 60vh;
inset: 0% 0% auto;
}
.image-2 {
z-index: 90;
object-fit: contain;
width: auto;
min-height: 20rem;
max-height: 38vh;
position: absolute;
top: 10vh;
}
.slider-03 {
background-color: #f5f5f5e6;
border-radius: 12px;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 100%;
min-height: 30.125rem;
padding: 3rem 5rem;
text-decoration: none;
display: flex;
position: relative;
}
.div-block-4 {
width: 100%;
}
.about__card-text-small {
width: 100%;
height: auto;
margin-top: auto;
margin-left: auto;
margin-right: 0;
}
.about__card-text-small.align-left-box {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.team-cards-wrapper {
grid-column-gap: 1rem;
background-color: #0000;
border-radius: 12px;
flex-flow: row;
justify-content: space-between;
align-items: flex-end;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.team-card-l {
grid-row-gap: 1.5rem;
aspect-ratio: 688 / 749;
border-radius: 12px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-end;
width: 100%;
min-height: 46.8125rem;
padding: 1rem;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.info-box-bottom-right {
z-index: 20;
grid-row-gap: 1.5rem;
aspect-ratio: auto;
background-color: #f5f5f5e6;
border-radius: 8px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
min-width: 420px;
max-width: 60%;
padding: 1rem;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.person-role {
color: #131740de;
letter-spacing: -.03em;
margin-top: 0;
margin-bottom: 0;
font-size: 32px;
font-weight: 400;
line-height: 95%;
text-decoration: none;
}
.icon-wrapper-orte {
grid-column-gap: 12px;
justify-content: flex-start;
align-items: center;
width: 100%;
max-width: 382px;
text-decoration: none;
display: flex;
}
.footer-nav-column-bottom {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
margin-top: auto;
display: flex;
}
.fixed-wrapper {
z-index: 50;
justify-content: flex-end;
align-items: center;
width: auto;
padding-bottom: 1.5rem;
display: flex;
position: fixed;
inset: auto 1.5rem .55vh auto;
}
.link-block {
width: 2rem;
padding: 0;
}
.werte-visionen-container {
grid-row-gap: .0625rem;
background-image: url('../images/Gradient-5.avif');
background-position: 0 0;
background-size: cover;
background-attachment: fixed;
border: 1px solid #1317401a;
border-radius: 12px;
flex-flow: row;
justify-content: space-between;
align-items: stretch;
width: 100%;
padding-left: 1.5rem;
padding-right: 1.5rem;
text-decoration: none;
display: flex;
position: sticky;
overflow: clip;
}
.werte-visionen-container.noise {
background-image: url('../images/Werte.avif');
background-position: 50%;
background-repeat: no-repeat;
background-size: 100% 100%;
background-attachment: scroll;
}
.blog-flex-sections {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
border: 0 solid #1317401a;
border-bottom-width: 1px;
grid-template-rows: auto;
grid-template-columns: minmax(21rem, 24%) 2fr .25fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
width: 100%;
padding-bottom: 4rem;
padding-left: 0;
text-decoration: none;
display: grid;
position: relative;
}
.column-left-wrapper {
width: 24%;
min-width: 21rem;
}
.filter-wrapper {
grid-row-gap: 2rem;
background-color: #f5f5f5;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
max-width: 247px;
padding-top: 3rem;
padding-bottom: 3rem;
text-decoration: none;
display: flex;
}
.filter-title {
color: #131740;
letter-spacing: -.025em;
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-family: Roobert, Arial, sans-serif;
font-size: 1.5rem;
font-weight: 400;
line-height: 100%;
text-decoration: none;
}
.filter-options {
grid-row-gap: 8px;
background-color: #f5f5f5;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.news-card {
border: 1px solid #131740de;
border-radius: 4px;
justify-content: space-between;
align-items: center;
width: 100%;
padding: .25rem .5rem;
text-decoration: none;
display: flex;
}
.kategorie {
color: #131740;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-family: ABC Diatype, Arial, sans-serif;
font-size: 1.25rem;
font-weight: 400;
line-height: 130%;
text-decoration: none;
}
.news-card-dot {
object-fit: cover;
justify-content: center;
align-items: center;
width: .5rem;
height: .5rem;
text-decoration: none;
display: flex;
}
.news-card-secondary {
border: 1px solid #1317401a;
border-radius: 4px;
justify-content: space-between;
align-items: center;
width: 100%;
padding: .25rem .5rem;
text-decoration: none;
display: flex;
}
.column-right-wrapper {
width: 100%;
}
.section-blog {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-top: 12rem;
display: flex;
}
.news-card-notch {
width: 100%;
}
.xl-news_card-content {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
display: flex;
}
.news_card-body {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
height: 35%;
padding-right: 4rem;
display: flex;
position: relative;
overflow: hidden;
}
.news-card_arrow {
background-color: #0000;
}
.section-style {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
width: 100%;
color: var(--_variable-collection---es--off-white-90);
background-color: #131740de;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
padding: 5rem 1.5rem;
text-decoration: none;
display: flex;
}
.newsletter-headline {
grid-column-gap: 10px;
justify-content: center;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.eyebrow-image {
border-style: solid;
border-width: undefinedpx;
object-fit: cover;
border-color: #f5f5f54d;
}
.blog-left-container {
grid-row-gap: 1rem;
border-radius: 12px;
flex-direction: column;
justify-content: flex-end;
align-items: center;
width: 100%;
height: 84vh;
padding-bottom: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.info-box-flex {
z-index: 30;
grid-row-gap: 1.5rem;
background-color: #f5f5f5;
border: 1px solid #1317404d;
border-radius: 12px;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 100%;
padding: 3rem 1.5rem;
text-decoration: none;
display: flex;
position: relative;
}
.info-box-flex.show-tablet-portrait {
display: none;
}
.social-icons {
grid-column-gap: 1rem;
flex: 0 auto;
justify-content: flex-start;
align-items: flex-end;
text-decoration: none;
display: flex;
}
.blog-title {
grid-row-gap: 2rem;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
padding-bottom: 8px;
padding-left: 1.5rem;
padding-right: 1.5rem;
text-decoration: none;
display: flex;
}
.author {
color: #131740;
letter-spacing: .01em;
margin-top: 0;
margin-bottom: 0;
font-family: ABC Diatype, Arial, sans-serif;
font-size: .8125rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.title-small {
grid-column-gap: 4px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
height: 17px;
text-decoration: none;
display: flex;
}
.content-container {
z-index: 40;
grid-column-gap: .5rem;
grid-row-gap: .5rem;
background-image: linear-gradient(#dbd4c4, #dbd4c400);
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 5rem;
padding-top: 1.5rem;
padding-left: 1.5rem;
padding-right: 1.5rem;
text-decoration: none;
display: flex;
position: sticky;
top: 7rem;
}
.content-container.is--blue-bg {
grid-column-gap: .65rem;
grid-row-gap: .65rem;
background-color: #d5dbee;
background-image: linear-gradient(#d5dbee, #d5dbee00);
}
.content-container.is--blog {
grid-column-gap: .65rem;
grid-row-gap: .65rem;
background-color: #dbd4c4;
height: auto;
margin-top: 0;
top: 7vh;
}
.content-container.is--blog.is--blue-bg {
background-color: #d5dbee;
background-image: linear-gradient(#d5dbee, #d5dbee00);
height: 4rem;
margin-top: 0;
top: 11vh;
}
.content-container.is--float-bottom {
background-color: #dbd4c4;
height: 12px;
position: sticky;
inset: 92.9vh 0% auto;
}
.content-container.is--float-bottom.is--blue-bg {
background-color: #d5dbee;
height: .75rem;
margin-top: auto;
padding-bottom: .125rem;
top: 92.5vh;
}
.content-header {
justify-content: space-between;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.reading-time {
color: #131740ab;
letter-spacing: .01em;
margin-top: 0;
margin-bottom: 0;
font-family: ABC Diatype, Arial, sans-serif;
font-size: .8125rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.blog-scroll-container {
grid-row-gap: 0rem;
background-color: #dbd4c4;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.blog-meta {
justify-content: space-between;
align-items: center;
width: 100%;
text-decoration: none;
display: flex;
}
.blog-meta-row {
grid-column-gap: 24px;
flex: 0 auto;
justify-content: flex-start;
align-items: center;
text-decoration: none;
display: flex;
}
.author-image {
border-style: solid;
border-width: undefinedpx;
object-fit: cover;
border-color: #1317401a;
}
.date {
color: #131740ab;
letter-spacing: -.01em;
margin-top: 0;
margin-bottom: 0;
font-size: .8125rem;
font-weight: 500;
line-height: 130%;
text-decoration: none;
}
.fact-list-container {
grid-row-gap: 48px;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
min-height: 16.5625rem;
padding: 3rem 1.5rem 1.5rem;
text-decoration: none;
display: flex;
position: relative;
}
.fact-container-2 {
border-radius: 8px;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
text-decoration: none;
display: flex;
}
.fact-2 {
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.numbers-large {
color: #131740de;
letter-spacing: -.05em;
margin-top: 0;
margin-bottom: 0;
font-size: 10rem;
font-weight: 400;
line-height: 88%;
text-decoration: none;
}
.frame-94 {
grid-column-gap: .625rem;
border: 0 solid #1317401a;
border-top-width: 1px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: .5rem;
text-decoration: none;
display: flex;
}
.image-s {
object-fit: cover;
border-radius: 8px;
width: 100%;
}
.kontakt-card-s {
grid-column-gap: 1.5rem;
border: 1px solid #1317404d;
border-radius: 8px;
justify-content: flex-start;
align-items: center;
width: 100%;
min-height: 15.8125rem;
padding: 1.5rem;
text-decoration: none;
display: flex;
}
.team-card-s {
aspect-ratio: 1;
object-fit: cover;
object-position: 50% 0%;
border-radius: 8px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
max-width: 12.8125rem;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.contact-wrapper {
grid-row-gap: 1.5rem;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
text-decoration: none;
display: flex;
}
.blog-left {
flex: none;
width: 43.1034%;
height: auto;
min-height: 100%;
position: static;
}
.sticky-flex-container-blog {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
background-color: #f5f5f5;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
}
.blog-right {
width: 55.7471%;
position: static;
}
.blog-content-container {
grid-row-gap: .0625rem;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
}
.top-notch-outline {
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.benefit-container {
grid-row-gap: 3rem;
border: 1px solid #1317404d;
border-radius: 12px;
flex-direction: column;
justify-content: flex-start;
align-items: center;
width: 100%;
padding: 1.5rem;
text-decoration: none;
display: flex;
}
.benefit-list {
border-radius: 8px;
flex-direction: column;
justify-content: flex-end;
align-items: flex-start;
width: 100%;
text-decoration: none;
display: flex;
}
.benefit-s {
grid-column-gap: 1.5rem;
border: 0 solid #1317404d;
border-bottom-width: 1px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
text-decoration: none;
display: flex;
}
.icon-sclock {
aspect-ratio: 1;
object-fit: cover;
width: 2rem;
height: 2rem;
}
.benefit-s-2 {
grid-column-gap: 1.5rem;
border: 0 solid #1317404d;
border-bottom-width: 1px;
justify-content: flex-start;
align-items: center;
width: 100%;
padding-top: 1rem;
padding-bottom: 1rem;
text-decoration: none;
display: flex;
}
.benefit-s-2.is--last {
border-bottom-style: none;
}
.kontakt-card.is--link {
aspect-ratio: 1;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
height: 100%;
display: flex;
}
.kontakt-card.is--link.has-arrow-swap-right {
aspect-ratio: 1;
}
.kontakt-card_top {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
color: var(--es--dunkelblau);
padding: 3rem;
display: flex;
position: relative;
}
.kontakt-card_icon {
aspect-ratio: 1;
width: 7.125rem;
height: 7.125rem;
position: relative;
}
.kontakt-grid {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
background-color: var(--es--dunkelblau);
border-radius: 12px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
padding: 2rem;
display: grid;
}
.kontakt-card_label {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: center;
margin-top: auto;
margin-bottom: 3rem;
padding-left: 3rem;
padding-right: 3rem;
display: flex;
position: relative;
}
.info-card-divider {
background-color: var(--_variable-collection---es--darkblue-30);
width: 100%;
height: 1px;
}
.sticky-top-spacer {
z-index: 80;
background-color: #f5f5f5;
height: 11vh;
position: sticky;
top: 0;
}
.corner-cut.tl {
background-color: #f5f5f5;
width: 12px;
height: 12px;
}
.corner-cut.tr, .corner-cut.bl, .corner-cut.br {
width: 12px;
height: 12px;
}
.logo-subpage-big {
z-index: 20;
height: 8.125rem;
position: absolute;
}
.divider-line-numbers {
background-color: var(--_variable-collection---es--darkblue-30);
width: 100%;
height: 1px;
}
.slider__card-first {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
height: 100%;
display: flex;
position: relative;
}
.slider__card-first.space-between {
justify-content: space-between;
align-items: flex-start;
width: 50%;
}
.slider__card {
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.slider__card-content {
max-width: 90%;
margin-top: auto;
}
.page-padding {
grid-column-gap: 11.5rem;
grid-row-gap: 11.5rem;
flex-flow: column;
max-width: 150rem;
margin-left: auto;
margin-right: auto;
padding-left: 1.5rem;
padding-right: 1.5rem;
display: flex;
}
.bottom-spacer-blog {
z-index: 80;
background-color: #f5f5f5;
justify-content: space-between;
align-items: flex-start;
height: 5vh;
display: flex;
position: fixed;
inset: auto 0% 0%;
}
.bottom-spacer-blog.is--white {
background-color: #f5f5f5;
height: 5vh;
}
.footer-padding {
background-image: url('../images/grain-effect.avif');
background-position: 0 0;
background-repeat: repeat;
background-size: 472px;
background-attachment: scroll;
border-radius: 12px;
padding-top: 2rem;
padding-left: 0;
padding-right: 0;
position: relative;
overflow: hidden;
}
.footer-mobile-deco {
display: none;
}
.shape-slider-special--left {
background-color: var(--es--blau);
flex-flow: column;
justify-content: flex-end;
align-items: flex-start;
width: 117%;
height: 100%;
min-height: 37.5rem;
max-height: 37.5rem;
padding: 1.25rem 1.25rem 1.625rem;
display: flex;
position: relative;
right: 0;
}
.shape-slider-special--right {
flex-flow: column;
justify-content: space-between;
align-items: flex-end;
width: 99.88%;
height: 100%;
min-height: 37.5rem;
max-height: 37.5rem;
display: flex;
position: relative;
}
.slider__card-second {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 49.2459%;
height: 100%;
display: flex;
position: relative;
}
.slider__card-second.space-between {
justify-content: space-between;
align-items: flex-start;
}
.horizontal-divider {
background-color: var(--_variable-collection---es--darkblue-30);
width: 100%;
height: 1px;
}
.horizontal-divider.margin-top-medium {
margin-top: 2rem;
}
.footer-logo-divider {
background-color: #f5f5f54d;
width: 100%;
height: 1px;
margin-bottom: 1.5rem;
}
.subpage-intro-texts {
grid-row-gap: 2rem;
justify-content: space-between;
align-items: stretch;
width: 100%;
display: flex;
}
.headline-wrapper {
width: 50%;
margin-top: auto;
padding-right: 2rem;
}
.services-subpage-flex {
background-color: #4e74d2;
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: auto;
min-height: 72vh;
max-height: 72vh;
display: flex;
position: relative;
overflow: hidden;
}
.services-subpage-flex.no-bg {
background-image: none;
}
.section__services-hero {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
}
.max-width-desktop {
max-width: 8ch;
}
.newsletter-info {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
display: flex;
}
.square-image-wrapper {
width: 30%;
}
.scroll-next-embed {
background-color: #0000;
}
.scroll-to-top {
width: 3rem;
height: 2.5rem;
position: absolute;
inset: 1.5rem 1.5rem auto auto;
}
.max-width-desktop-large {
max-width: 20ch;
}
.slider-04 {
background-color: #d4dbee;
border-radius: 12px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
min-height: 30.125rem;
margin-bottom: 2.5rem;
text-decoration: none;
display: flex;
position: relative;
}
.slider04-content {
grid-column-gap: 1rem;
justify-content: flex-start;
align-items: stretch;
width: 100%;
text-decoration: none;
display: flex;
position: relative;
overflow: hidden;
}
.service__slider-card {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
background-color: #f5f5f5e6;
border-radius: 12px;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
min-width: 34.25rem;
height: auto;
min-height: 33.75rem;
padding: 3rem;
text-decoration: none;
display: flex;
overflow: hidden;
}
.gradient-right {
background-color: #0000;
background-image: linear-gradient(270deg, #d4dbee, #fff0);
width: 3rem;
position: absolute;
inset: 0% 0% 0% auto;
}
.absolute-top-image {
z-index: 10;
object-fit: cover;
object-position: 50% 0%;
width: 100%;
height: 100%;
position: absolute;
top: 0;
}
.pulsate-absolute-full-size-img {
z-index: -1;
object-fit: cover;
object-position: 50% 50%;
width: 100%;
height: 100%;
position: absolute;
inset: 0%;
}
.logo-subpage-small {
z-index: 20;
height: 8.125rem;
display: none;
position: absolute;
}
.newsletter-form {
width: 100%;
}
.mobile-button-variant {
display: none;
}
.absolute-embed {
z-index: 0;
max-width: 84.3rem;
margin-left: auto;
margin-right: auto;
position: absolute;
inset: .3rem 0% 0%;
}
.footer-logo-img {
object-fit: contain;
height: 100%;
}
.static-split-section__media {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-height: 90vh;
display: flex;
overflow: clip;
}
.static__card {
justify-content: space-between;
align-items: flex-start;
width: 100%;
height: 100%;
display: flex;
position: relative;
}
.static__card-first {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 50%;
height: 100%;
display: flex;
position: relative;
}
.static__card-first.space-between {
justify-content: space-between;
align-items: flex-start;
width: 50%;
}
.static__card-content {
max-width: 90%;
margin-top: auto;
}
.static__card-second {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
width: 49.2459%;
height: 100%;
display: flex;
position: relative;
}
.static__card-second.space-between {
justify-content: space-between;
align-items: flex-start;
}
.location-header-flex {
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex;
}
.text-style-none__contact {
color: var(--es--dunkelblau);
word-break: keep-all;
text-decoration: none;
}
.subpage-deco-pulse {
width: 60%;
position: absolute;
inset: auto 0% 0% auto;
}
.kamerafahrt {
position: relative;
}
.icon-embed {
width: 100%;
height: 100%;
}
.embed-holder {
width: 2rem;
height: 2rem;
}
.gradient-light {
margin-top: auto;
margin-bottom: auto;
position: absolute;
inset: 0% 0% 0% auto;
}
.full-width-and-size-icon, .contact-icon-embed {
width: 100%;
height: 100%;
}
.legal-section-wrapper {
margin-top: 11.25rem;
}
.legal-content-flex {
grid-column-gap: 6.5rem;
grid-row-gap: 6.5rem;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: space-between;
align-items: flex-start;
padding-top: 3rem;
display: flex;
}
.rich-text-medium {
font-size: 1.25rem;
}
.rich-text-medium h1 {
color: var(--es--dunkelblau);
letter-spacing: -.025em;
font-family: Roobert, Arial, sans-serif;
font-size: 1.5rem;
font-weight: 400;
line-height: 100%;
}
.rich-text-medium h2 {
color: var(--es--dunkelblau);
font-family: Roobert, Arial, sans-serif;
font-size: 1.5rem;
font-weight: 400;
line-height: 100%;
}
.rich-text-medium h3, .rich-text-medium h4, .rich-text-medium h5, .rich-text-medium h6 {
font-family: Roobert, Arial, sans-serif;
font-size: 1.5rem;
font-weight: 400;
line-height: 1;
}
.rich-text-medium strong {
font-weight: 500;
}
.rich-text-medium a {
color: var(--es--dunkelblau);
text-decoration: none;
}
.rich-text-medium.add-padding-top {
margin-top: 1rem;
}
.tabs-legal {
color: #131740;
background-color: #e7e7eb;
border-radius: 6px;
flex-flow: column;
justify-content: center;
align-items: center;
min-height: 2.25rem;
padding: .5625rem 1.125rem;
text-decoration: none;
display: flex;
overflow: hidden;
box-shadow: 0 0 12px #1317401a;
}
.tabs-legal.w--current {
color: #f5f5f5;
background-color: #131740;
flex-flow: column;
display: flex;
}
.tabs-menu-2 {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
display: flex;
}
.newsletter-heading-left {
flex: none;
width: 45%;
}
.open-filter {
display: none;
}
.farbflaeche-1 {
background-color: #456ac11a;
position: absolute;
inset: 0%;
}
.farbflaeche-2 {
background-color: #ed9e3626;
position: absolute;
inset: 0%;
}
.farbflaeche-3 {
background-image: url('../images/gradient-newsletter.svg');
background-position: 0 0;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
inset: 0%;
}
.code-embed {
width: 100%;
}
@media screen and (max-width: 991px) {
h1 {
font-size: 4.5rem;
}
h2 {
font-size: 3.5rem;
}
h3 {
font-size: 2.5rem;
}
.hero-diagonal {
grid-column-gap: 2px;
grid-row-gap: 2px;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
height: 90svh;
min-height: 53rem;
display: grid;
}
.hero-diagonal__content {
width: 100%;
height: 72%;
min-height: 0;
padding-top: 5rem;
}
.hero-diagonal__media {
width: 100%;
height: 69%;
min-height: 0;
top: auto;
}
.hero-diagonal__shape--bottom {
height: 100%;
}
.hero {
padding-top: 2rem;
padding-left: 1rem;
padding-right: 1rem;
overflow: hidden;
}
.hero.is--about-us {
min-height: 0;
padding-left: 1rem;
padding-right: 1rem;
}
.link-and-text-wrapper {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: none;
height: 100%;
}
.fs-styleguide_section {
grid-column-gap: 2.5rem;
grid-template-columns: 1fr;
}
.heading-style-h2, .heading-style-h2.hide-mobile-landscape.adjust-font-size-tablet {
font-size: 3.5rem;
}
.heading-style-h3 {
font-size: 2.5rem;
}
.fs-styleguide_heading-medium {
font-size: 3rem;
}
.fs-styleguide_1-col {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.arrow-icon.is--large {
width: 100%;
}
.eversheim-groups {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
}
.eversheim_logo {
height: 2rem;
}
.text-size-large {
font-size: 1.5rem;
}
.text-size-large.adjust-width-accordeon-text {
width: 100%;
}
.fs-styleguide_3-col {
grid-template-columns: 1fr;
}
.main-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
padding-left: 1rem;
padding-right: 1rem;
}
.section__header {
grid-column-gap: 9rem;
}
.section__eyebrow.first-mobile {
order: -9999;
}
.section__body {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
}
.section-content {
width: 100%;
}
.section-content.is--standard-two-column {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
width: 100%;
}
.section__intro {
grid-row-gap: 3rem;
max-width: 50rem;
padding-right: 0;
}
.section__media {
width: 100%;
min-height: 0;
max-height: none;
}
.section__media.is--standard-two-column-image {
width: 100%;
}
.about__card {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.image-diagonal__first.is--height-xl, .image-diagonal__second.is--height-xl {
aspect-ratio: auto;
min-height: 37.5rem;
}
.about__card-second {
justify-content: space-between;
align-items: flex-start;
}
.about__card-second.align-top {
height: 100%;
}
.leistungen_component {
padding-left: 2.8125rem;
padding-right: 2.8125rem;
}
.leistungen_toggle {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
grid-template-columns: .25fr;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.leistungen_header {
justify-content: space-between;
align-items: flex-end;
padding-top: 2rem;
padding-bottom: 2rem;
}
.leistungen_underline-wrap {
order: -9999;
height: 1px;
}
.leistungen_item {
flex-flow: column;
display: flex;
}
.leistungen_underline {
display: none;
}
.section__body-reverse-order-mobile {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
}
.section__body-reverse-order-mobile.no-padding-top {
flex-flow: column;
}
.footer {
margin-top: 6rem;
padding-left: 1rem;
padding-right: 1rem;
}
.footer_content-container {
grid-column-gap: 3rem;
grid-row-gap: 3rem;
flex-flow: column;
padding-left: 2rem;
padding-right: 2rem;
}
.footer_info-container {
justify-content: space-between;
align-items: flex-start;
width: 100%;
max-width: none;
padding-right: 2rem;
}
.footer_nav-container {
flex-flow: row;
width: 100%;
max-width: none;
}
.cta-section {
aspect-ratio: 2.39;
max-width: 70rem;
min-height: 0;
}
.cta-section.has--no-padding-top-mobile-portrait {
aspect-ratio: auto;
}
.blog_card-collection-wrapper.reduced-on-blog-page {
grid-template-columns: 1fr 1fr;
}
.blog_card-collection-wrapper.is--homepage-version {
grid-template-columns: 1fr 1fr 1fr;
}
.cta-section-content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
}
.cta-section-content.flex-horizontal-desktop {
flex-flow: column;
}
.footer-social-info {
min-height: 0;
}
.footer_logo-container {
padding-left: 2rem;
padding-right: 2rem;
}
.footer-content {
min-height: 0;
}
.footer_nav-container-top {
max-width: none;
}
.newsletter-field {
margin-left: 0;
margin-right: auto;
}
.section__about-hero {
width: 100%;
min-height: 0;
max-height: none;
}
.section__body-slider {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: row;
}
.slider-content {
width: 100%;
}
.slider__media {
width: 100%;
min-height: 0;
max-height: none;
}
.slider-content__header {
grid-column-gap: 9rem;
}
.progress-wrapper-outer {
max-width: 40rem;
}
.progress-wrapper-outer.max-width-xl {
max-width: 86%;
}
.numbers-container {
padding: 4rem 2rem;
}
.fact-container {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
padding-left: 0;
padding-right: 0;
display: grid;
}
.fact.no-border-right-tablet {
border-right-style: none;
}
.fact-title {
font-size: 9rem;
}
.fact-description {
font-size: 1rem;
}
.section-image-wrapper {
aspect-ratio: 2.39;
overflow: hidden;
}
.section__img {
height: 100%;
}
.werte-container {
padding-left: 2rem;
padding-right: 2rem;
}
.cms-werte-accordeon-content-inner {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
}
.accordeon-text.adjust-width-accordeon-text {
width: 100%;
}
.inner-divider {
width: 100%;
height: 1px;
}
.cta-quaternary-flex {
aspect-ratio: auto;
flex-flow: column;
}
.cta-quaternary-content {
width: 100%;
}
.cta-quaternary-image-wrapper {
aspect-ratio: 2.39;
width: 100%;
}
.cta-quaternary-image-wrapper.is--landscape-mobile {
aspect-ratio: 3 / 2;
}
.visionen-container {
margin-top: 6rem;
margin-bottom: 6rem;
padding-left: 1rem;
padding-right: 1rem;
}
.sticky-section_panel {
padding-right: 0;
}
.hero-left {
padding-left: 0;
}
.image-diagonal__fourth.is--height-xl, .image-diagonal__third.is--height-xl {
aspect-ratio: auto;
min-height: 37.5rem;
}
.split-slider-section__media {
width: 100%;
min-height: 0;
max-height: none;
}
.jobs_card {
aspect-ratio: auto;
}
.work-card-wrapper {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
background-size: 100%;
padding-left: 2rem;
}
.work-card-left {
margin-left: 0;
}
.hero-subpage-flex {
display: none;
}
.hero-subpage-flex.is--career, .hero-subpage-flex.is--karriere-subpage {
display: flex;
}
.info-box-bottom-right {
min-width: 0;
max-width: 100%;
}
.werte-visionen-container {
padding-left: 2rem;
padding-right: 2rem;
}
.blog-left-container {
aspect-ratio: 1;
}
.info-box-flex.hide-tablet-portrait {
display: none;
}
.info-box-flex.show-tablet-portrait {
background-color: #f5f5f500;
display: flex;
}
.content-container.is--blog {
height: 4rem;
margin-top: 0;
top: 0;
}
.content-container.is--blog.is--blue-bg {
top: 0;
}
.content-container.is--float-bottom {
display: none;
top: auto;
bottom: 0;
}
.content-header {
order: -9999;
}
.blog-scroll-container {
grid-row-gap: 1.5rem;
overflow: hidden;
}
.blog-left {
width: 100%;
min-height: 0%;
position: sticky;
top: 7vh;
}
.sticky-flex-container-blog {
flex-flow: column;
}
.blog-right {
width: 100%;
}
.kontakt-card_top {
padding: 1rem 1rem 2rem;
}
.kontakt-grid {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding: 1.5rem;
}
.kontakt-card_label {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
padding-left: 1rem;
padding-right: 1rem;
}
.sticky-top-spacer {
position: relative;
}
.slider__card {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.page-padding {
grid-column-gap: 6rem;
grid-row-gap: 6rem;
padding-left: 1rem;
padding-right: 1rem;
}
.bottom-spacer-blog {
display: none;
}
.footer-padding {
padding-left: 0;
padding-right: 0;
}
.headline-wrapper {
margin-top: auto;
}
.section__services-hero {
width: 100%;
min-height: 0;
max-height: none;
}
.max-width-desktop {
max-width: none;
}
.scroll-to-top {
top: 1rem;
right: 1rem;
}
.max-width-desktop-large {
max-width: none;
}
.static-split-section__media {
width: 100%;
min-height: 0;
max-height: none;
}
.static__card {
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
}
.tabs-legal {
font-size: .9375rem;
}
.newsletter-heading-left {
width: 100%;
}
}
@media screen and (max-width: 767px) {
h3 {
font-size: 2.5rem;
}
.hero-diagonal {
grid-column-gap: 2px;
grid-row-gap: 2px;
flex-flow: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: grid;
}
.hero-diagonal__content {
width: 100%;
height: 72%;
padding-top: 5rem;
}
.hero-diagonal__shape--top {
display: none;
}
.hero-diagonal__shape--bottom {
height: 100%;
min-height: 0;
position: relative;
}
.hero {
margin-bottom: 1.25rem;
padding-top: 2rem;
}
.hero.is--about-us {
margin-bottom: 1.25rem;
}
.link-and-text-wrapper {
grid-column-gap: 4rem;
grid-row-gap: 4rem;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
height: 100%;
}
.fs-styleguide_section-header {
font-size: .875rem;
}
.heading-style-h1 {
font-size: 2rem;
}
.heading-style-h1.move-left {
font-size: 6.5rem;
}
.fs-styleguide_heading-medium {
font-size: 2rem;
}
.arrow-icon.is--large {
width: .625rem;
}
.eversheim-groups {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.text-size-large {
font-size: 1.45rem;
}
.text-size-large.has--max-width {
margin-left: 0;
}
.text-size-small.text-size-medium {
font-size: 1.125rem;
}
.eversheim-groups-inner {
max-width: none;
}
.text-style-nowrap {
white-space: normal;
}
.main-wrapper {
padding-left: 1rem;
padding-right: 1rem;
}
.main-wrapper.is--kontakt {
padding-top: 6rem;
}
.page-wrapper.mobile-nav-adjust {
padding-top: 4.5rem;
}
.padding-global {
padding-left: 1.25rem;
padding-right: 1.25rem;
}
.section-container {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
display: flex;
}
.section__header {
grid-column-gap: 3rem;
flex-flow: column-reverse wrap;
}
.section__eyebrow.show-mobile-landscape.is--flex {
display: flex;
}
.section__eyebrow.align-right {
order: -9999;
margin-left: 0;
margin-right: auto;
}
.section-content, .section-content.is--standard-two-column {
width: 100%;
}
.section__intro, .section__intro.max-width-medium {
max-width: none;
}
.section__intro.no-padding-bottom-mobile {
padding-bottom: 0;
}
.section__media {
display: block;
}
.section__media.is--standard-two-column-image {
width: 100%;
}
.about__card {
flex-flow: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.image-diagonal__first {
width: 100%;
height: 72%;
padding-top: 5rem;
}
.image-diagonal__first.is--height-xl {
min-height: 37.5rem;
max-height: 37.5rem;
}
.image-diagonal__second.is--height-xl {
min-height: 37.5rem;
max-height: none;
}
.about__card-first {
flex-flow: wrap-reverse;
width: 100%;
margin-right: 0%;
display: flex;
}
.about__card-first.is--variant-xl {
width: 100%;
}
.about__card-second {
width: 100%;
margin-top: -9rem;
}
.about__card-second.align-top, .about__card-second.align-top.is--variant-small {
width: 100%;
}
.about__card-second.align-top.is--variant-small.remove-negative-margin-mobile {
margin-top: 2rem;
}
.about__card-content-small {
max-width: none;
}
.about__card-content-small.is--large {
width: 100%;
}
.about__card-content-small.hero-variant, .about__card-content-small.hero-variant-no-padding {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: space-between;
align-items: flex-start;
padding-left: 0%;
}
.about__card-content-small.hero-variant-no-padding.is--subpage, .about__card-content-small.hero-variant-no-padding.is--blog {
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.about__card-content-small.is--xlarge {
width: 100%;
}
.leistungen_toggle {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.leistungen_arrow {
flex: none;
display: none;
}
.section__body-reverse-order-mobile {
flex-flow: column;
}
.footer {
margin-top: 5rem;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
}
.footer_content-container {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
}
.footer_info-container {
width: 100%;
max-width: none;
display: flex;
}
.footer_nav-container {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
width: 100%;
max-width: none;
}
.cta-section {
justify-content: center;
align-items: flex-start;
width: 100%;
margin-left: auto;
margin-right: auto;
}
.section__blog {
display: block;
}
.blog_card {
min-width: 0;
}
.blog_card-collection-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
grid-template-rows: auto auto;
grid-template-columns: minmax(auto, 1fr) minmax(auto, 1fr);
grid-auto-columns: 1fr;
width: 100%;
display: grid;
}
.blog_card-collection-wrapper.is--homepage-version {
grid-template-columns: 1fr 1fr;
}
.blog-card_arrow {
flex: none;
}
.blog-card_arrow.is--large-variant {
aspect-ratio: 2.25 / 2;
}
.cta-section-content {
flex-flow: column;
max-width: none;
}
.cta-notch-piece {
inset: 0%;
}
.notch-shape-piece {
height: 65%;
}
.footer-social-info {
border-bottom: 1px solid #f5f5f54d;
border-radius: 1px;
min-height: 0;
margin-bottom: 2.25rem;
padding-bottom: 2.25rem;
}
.socials-list {
height: auto;
}
.footer_logo-container-content {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid;
}
.hide-mobile-landscape {
display: none;
}
.show-mobile-landscape, .section__about-hero {
display: block;
}
.section__body-slider {
flex-flow: wrap-reverse;
}
.section__body-slider.no-order-switch {
flex-flow: column;
}
.slider-content {
border-right-style: none;
width: 100%;
}
.slider-content.variant--small {
width: 100%;
}
.slider__media {
display: block;
}
.slider__media.variant--large {
width: 100%;
}
.slider-content__header {
grid-column-gap: 5rem;
}
.slider-next, .slider-prev {
flex: none;
}
.progress-wrapper-outer, .progress-wrapper-outer.has--max-width {
width: 100%;
max-width: none;
}
.progress-wrapper-outer.max-width-xl {
max-width: 100%;
}
.numbers-container {
padding-bottom: 2rem;
}
.fact-container {
grid-template-columns: 1fr;
}
.fact-title {
font-size: 7.5rem;
}
.section-image-wrapper.is--divider {
aspect-ratio: 2.39;
}
.cms-werte-accordeon-item {
grid-row-gap: 2rem;
padding: 2rem;
}
.cms-werte-accordeon-title {
justify-content: space-between;
align-items: center;
}
.accordeon-text.adjust-width-accordeon-text {
font-size: 16px;
}
.accordeon-icon-vertical-line {
height: 2rem;
}
.accordeon-icon-horizontal-line {
width: 2rem;
}
.slider-controls-and-counter-wrapper.has--max-width {
max-width: none;
}
.slider-controls-and-counter-wrapper.no-max-width.bottom-align.margin-top-xsmall {
margin-top: .5rem;
}
.landscape-anchor-bottom-right {
height: 13%;
max-height: 3.5rem;
}
.cta-quaternary-image-wrapper.is--landscape-mobile {
aspect-ratio: 3 / 2;
}
.visionen-container {
margin-top: 5rem;
margin-bottom: 5rem;
}
.sticky-section_wrapper {
width: 100%;
}
.sticky-section_panel {
overflow: clip;
}
.sticky-section_list {
width: 100%;
}
.sticky-section_card {
border-radius: 8px;
grid-template-columns: 1fr 1fr;
padding: 3rem 1.5rem;
}
.hero-left {
width: 100%;
min-height: 0%;
padding-left: 0;
position: sticky;
top: 2rem;
}
.hero-left-content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
width: 100%;
min-height: 0;
margin-top: 0;
}
.hero-left-content.min-height {
justify-content: flex-start;
align-items: flex-start;
}
.hero-right {
flex-flow: column wrap;
flex: 0 auto;
place-content: flex-end;
align-self: flex-end;
align-items: flex-end;
width: 100%;
display: flex;
}
.sticky-flex-container {
flex-flow: column;
max-width: 35rem;
margin-left: auto;
margin-right: auto;
}
.number-container {
height: auto;
min-height: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
}
.bracket-img {
height: 24%;
display: none;
}
.text {
font-size: 2rem;
}
.image-diagonal__fourth {
width: 100%;
height: 72%;
padding-top: 5rem;
}
.image-diagonal__fourth.is--height-xl {
align-self: flex-end;
min-height: 37.5rem;
max-height: 37.5rem;
}
.image-diagonal__third.is--height-xl {
min-height: 37.5rem;
max-height: none;
}
.split-slider-section__media {
display: block;
}
.jobs_card {
min-width: 0;
}
.work-card-wrapper {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
flex-flow: column;
justify-content: flex-start;
align-items: center;
}
.work-card-right {
padding-top: 3rem;
}
.tab-section {
grid-row-gap: 1.5rem;
}
.icon.is--mobile {
display: block;
}
.tab-slider-icons {
width: 6rem;
height: 6rem;
}
.tabs {
flex-flow: column-reverse wrap-reverse;
padding-top: 1rem;
padding-bottom: 2rem;
}
.tabs-menu {
width: 100%;
}
.tab-link {
opacity: 1;
}
.tabs-content {
width: 100%;
padding-top: 2rem;
padding-bottom: 2rem;
display: none;
}
.team-grid__cell, .team-grid__img {
position: relative;
}
.social-icon-wrapper {
margin-left: 0;
}
.position-social-wrapper {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.image-2 {
max-height: 30vh;
}
.about__card-text-small {
margin-left: 0;
margin-right: auto;
}
.team-cards-wrapper {
grid-row-gap: 1rem;
flex-flow: column;
}
.fixed-wrapper {
display: none;
}
.blog-flex-sections {
flex-flow: column;
padding-top: 1.5rem;
padding-bottom: 1.5rem;
display: flex;
}
.filter-wrapper {
padding-top: 0;
}
.section-blog {
padding-top: 7rem;
}
.section-style {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
padding: 2rem;
}
.blog-left-container {
height: auto;
}
.blog-left {
width: 100%;
min-height: 0%;
top: 0;
}
.sticky-flex-container-blog {
margin-left: auto;
margin-right: auto;
}
.blog-right {
flex-flow: column wrap;
flex: 0 auto;
place-content: flex-end;
align-self: flex-end;
align-items: flex-end;
width: 100%;
display: flex;
}
.kontakt-grid {
grid-template-columns: 1fr;
}
.sticky-top-spacer {
display: none;
}
.logo-subpage-big {
width: 80%;
height: auto;
}
.slider__card-first {
flex-flow: column;
width: 100%;
margin-right: 0%;
display: flex;
}
.slider__card-first.space-between {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.slider__card {
flex-flow: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.slider__card.gap-on-mobile {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.slider__card-content {
margin-top: 0;
margin-bottom: auto;
}
.page-padding {
grid-column-gap: 5rem;
grid-row-gap: 5rem;
padding-left: 1rem;
padding-right: 1rem;
}
.footer-padding {
border-top-left-radius: 0;
border-top-right-radius: 0;
padding-top: 4.5rem;
}
.footer-padding.noise {
padding-top: 6.5rem;
}
.footer-mobile-deco {
background-color: #fff;
border-bottom-right-radius: 12px;
border-bottom-left-radius: 12px;
width: 100%;
height: 1rem;
display: block;
position: absolute;
inset: 0% 0% auto;
}
.shape-slider-special--left {
aspect-ratio: 1;
border-radius: 12px;
width: 100%;
height: 72%;
padding-top: 5rem;
overflow: hidden;
}
.shape-slider-special--right {
aspect-ratio: 1;
border-radius: 12px;
width: 100%;
overflow: hidden;
}
.slider__card-second {
flex-flow: wrap-reverse;
width: 100%;
margin-right: 0%;
display: flex;
}
.slider__card-second.space-between.switch-order-mobile, .subpage-intro-texts {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.headline-wrapper {
width: 100%;
}
.headline-wrapper.is--flex-mobile {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.lava-bg-embed {
height: 0;
}
.scroll-to-top {
top: 2rem;
}
.service__slider-card {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.logo-subpage-small {
width: 100%;
max-width: 25rem;
height: auto;
padding-left: .925rem;
padding-right: .925rem;
display: none;
position: relative;
}
.mobile-button-variant {
margin-top: 1.5rem;
display: flex;
}
.static-split-section__media {
display: block;
}
.static__card {
flex-flow: column;
grid-template-rows: auto auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: flex-start;
align-items: flex-start;
display: flex;
}
.static__card.gap-on-mobile {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.static__card-first {
flex-flow: column;
width: 100%;
margin-right: 0%;
display: flex;
}
.static__card-first.space-between {
justify-content: flex-start;
align-items: flex-start;
width: 100%;
}
.static__card-second {
flex-flow: wrap-reverse;
width: 100%;
margin-right: 0%;
display: flex;
}
.static__card-second.space-between.switch-order-mobile {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.legal-section-wrapper {
margin-top: 3rem;
}
.legal-content-flex {
grid-column-gap: 2rem;
grid-row-gap: 2rem;
flex-flow: column;
}
.tabs-menu-2 {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: wrap;
justify-content: flex-start;
align-items: flex-start;
}
.farbflaeche-3 {
background-image: url('../images/gradient-newsletter.svg');
}
}
@media screen and (max-width: 479px) {
h1 {
font-size: 2.25rem;
}
h2 {
font-size: 1.85rem;
}
h3 {
font-size: 1.5rem;
}
.hero-diagonal {
height: 95svh;
min-height: 34.25rem;
}
.hero-diagonal__content {
width: auto;
padding: 4.5rem .5rem 1rem .875rem;
}
.hero {
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.link-and-text-wrapper {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.link-group {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
}
.icon-link {
padding-top: .25rem;
padding-bottom: .25rem;
}
.icon-link__icon-frame {
width: 1.5rem;
display: none;
}
.icon-link__label-wrapper {
padding-top: 0;
}
.icon-link__label {
font-size: .875rem;
}
.heading-style-h2 {
font-size: 2rem;
}
.heading-style-h3 {
font-size: 1.5rem;
display: inline-flex;
}
.heading-style-h3.flex-child-no-break {
flex: none;
}
.heading-style-h4 {
font-size: 1.5rem;
}
.text-size-medium, .text-size-medium p {
font-size: 1rem;
}
.heading-style-h5 {
font-size: 1.125rem;
}
.heading-style-h5.full-width {
font-size: 1.25rem;
}
.arrow-icon.is--large {
width: .625rem;
}
.eversheim-groups {
flex-flow: column;
}
.eversheim-group-link {
width: 100%;
}
.eversheim_logo {
object-fit: contain;
width: auto;
height: 1.5rem;
}
.text-size-large {
font-size: 1.125rem;
}
.text-size-large.has--max-width {
max-width: 100%;
}
.text-size-regular {
font-size: 1rem;
}
.text-size-small.text-size-medium {
font-size: .9375rem;
}
.main-wrapper {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
padding-left: 1rem;
padding-right: 1rem;
}
.main-wrapper.is--kontakt {
padding-top: 4rem;
}
.page-wrapper {
overflow: clip;
}
.fs-styleguide_row {
flex-wrap: wrap;
}
.section {
width: 100%;
max-width: 23.35rem;
margin-left: auto;
margin-right: auto;
}
.section__header {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column-reverse;
padding-top: .75rem;
padding-bottom: 1rem;
}
.section__eyebrow {
min-width: 0;
}
.eyebrow-label {
font-size: .75rem;
}
.section__body {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding-top: 0;
}
.section-content.is--standard-two-column {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.section__intro {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding-bottom: 0;
}
.button-secondary {
min-width: 0;
padding: .4375rem .75rem;
}
.button-secondary.show-mobile-portrait {
display: flex;
}
.button-secondary.hide-mobile-portrait {
display: none;
}
.btn-text {
font-size: .875rem;
}
.about__card {
justify-content: flex-start;
align-items: flex-start;
overflow: hidden;
}
.image-diagonal__first {
min-height: 21.3438rem;
padding: 2rem .875rem 1rem;
}
.image-diagonal__first.is--height-xl {
min-height: 21.3438rem;
max-height: 37.5rem;
}
.image-diagonal__second {
min-height: 21.3438rem;
}
.image-diagonal__second.is--height-xl {
min-height: 21.3438rem;
max-height: 37.5rem;
}
.about__card-second {
margin-top: -4.9rem;
}
.about__card-content-small.is--large {
max-width: 15rem;
}
.about__card-content-small.hero-variant-no-padding.is--subpage, .about__card-content-small.hero-variant-no-padding.is--blog {
justify-content: space-between;
align-items: flex-start;
width: 100%;
}
.about__card-content-small.is--xlarge {
max-width: 15rem;
}
.leistungen_component {
grid-row-gap: 0rem;
padding: 1.5rem 1rem 0;
}
.leistungen_toggle {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.leistungen_header {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
border-radius: 4px;
flex-flow: column;
justify-content: space-between;
align-items: stretch;
padding: .5rem;
}
.leistungen_arrow {
height: auto;
margin-left: auto;
}
.section__body-reverse-order-mobile.no-padding-top {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.logo-spacer {
display: none;
}
.footer {
max-width: 23.35rem;
margin-top: 3.5rem;
margin-left: auto;
margin-right: auto;
padding-top: 2.625rem;
padding-bottom: 0;
}
.footer_content-container {
padding-left: 1rem;
padding-right: 1rem;
}
.footer_info-container {
flex-flow: column;
display: block;
}
.footer_nav-container {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
background-color: #0000;
}
.cta-section {
aspect-ratio: auto;
justify-content: flex-start;
align-items: flex-start;
max-width: 23.35rem;
min-height: 18.75rem;
padding-top: 1.5rem;
}
.cta-section.background-primary.has--mobile-card-ratio {
aspect-ratio: auto;
padding-bottom: 1.5rem;
}
.cta-section.background-primary.has--mobile-card-ratio.is--newsletter {
width: 100%;
}
.cta-section.has--no-padding-top-mobile-portrait {
padding-top: 0;
}
.card-bottom-right-positioner {
max-height: 2.1rem;
}
.blog_card {
aspect-ratio: auto;
min-width: 0;
max-width: 23.35rem;
height: auto;
margin-left: auto;
margin-right: auto;
}
.blog_card.is--xl {
max-width: none;
display: none;
}
.blog_card-body {
height: 7.5rem;
}
.blog_card-collection-wrapper {
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
display: flex;
}
.blog-card_arrow {
aspect-ratio: 26 / 24;
}
.cta-section-content {
max-width: 100%;
}
.cta-notch-piece {
background-color: #fff;
width: 100%;
}
.notch-shape-piece {
height: 100%;
inset: 0% 0% auto auto;
}
.footer-social-info {
border-bottom-color: var(--border-light);
flex-flow: column;
margin-bottom: 1.5rem;
}
.socials-list {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.social-link {
width: 1.25rem;
height: 1.25rem;
}
.footer_logo-container {
padding-bottom: 2.625rem;
padding-left: 1rem;
padding-right: 1rem;
}
.footer_logo-container-content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
}
.footer-content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.footer_nav-container-top {
grid-column-gap: 0rem;
border-bottom: 1px solid var(--border-light);
flex-flow: column;
margin-bottom: 1.5rem;
padding-bottom: 1.5rem;
}
.footer_nav-column {
grid-row-gap: .75rem;
border-style: none;
border-width: 1px;
margin-top: .75rem;
padding-left: 0;
padding-right: 0;
}
.privacy-text-wrapper {
width: auto;
}
.newsletter-inputs {
height: auto;
}
.input-wrapper {
grid-column-gap: .5rem;
grid-row-gap: .5rem;
flex-flow: column;
}
.input-field-long.is--variant-same-line {
width: 100%;
}
.newsletter-field {
height: auto;
margin-bottom: 1.5rem;
padding: .75rem;
}
.name-input-wrapper {
grid-column-gap: 0rem;
grid-row-gap: .5rem;
flex-flow: column;
padding-bottom: .5rem;
}
.contact {
height: auto;
}
.privacy-checkbox {
justify-content: space-between;
align-items: flex-start;
height: auto;
}
.input-field {
margin-bottom: 0;
}
.input-field.is--variant-small {
width: 100%;
}
.privacy-text {
width: auto;
font-size: .75rem;
line-height: 1.3;
}
.privacy-checkmark-wrapper {
flex: none;
}
.newsletter-box-headline {
font-size: 1rem;
}
.section__about-hero {
max-width: 23.35rem;
margin-left: auto;
margin-right: auto;
}
.cta-group {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: row;
justify-content: flex-start;
align-items: flex-start;
}
.cta-group.break-on-mobile {
flex-flow: column;
}
.section__body-slider {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
}
.slider-content {
grid-row-gap: 1rem;
}
.slider__media.variant--large {
order: 0;
}
.slider-content__header {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
flex-flow: column-reverse;
padding-top: .75rem;
padding-bottom: 1rem;
}
.slider-next, .slider-prev {
height: auto;
margin-left: auto;
}
.section-numbers {
width: 100%;
max-width: 23.35rem;
margin-left: auto;
margin-right: auto;
}
.numbers-container {
padding: 3rem 1rem 1rem;
}
.fact-container {
grid-column-gap: .625rem;
grid-row-gap: .625rem;
grid-template-columns: 1fr;
width: 100%;
}
.fact {
grid-row-gap: .5rem;
border-right-style: none;
padding: .75rem 1rem;
}
.fact-title {
font-size: 6rem;
}
.fact-container-content {
padding-top: .5rem;
}
.fact-description {
font-size: .875rem;
}
.section-werte {
grid-row-gap: 1rem;
width: 100%;
max-width: 23.35rem;
margin-left: auto;
margin-right: auto;
}
.section-image-wrapper.is--divider {
aspect-ratio: 2;
display: block;
}
.section__img.full-height {
display: block;
}
.werte-container {
padding: 2rem 1rem;
}
.werte-container-header-wrapper {
padding-top: 0;
padding-bottom: 2rem;
}
.cms-werte-accordeon-item {
grid-row-gap: 0rem;
padding: 1.5rem 1rem;
}
.cms-werte-accordeon-content {
padding-top: 2rem;
padding-bottom: 2rem;
}
.cms-werte-accordeon-content-inner {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.accordeon-icon-vertical-line {
height: 1rem;
}
.accordeon-icon-horizontal-line {
width: 1rem;
}
.cta-quaternary-flex {
width: 100%;
}
.landscape-anchor-bottom-right {
height: 7.35632%;
}
.cta-quaternary-content {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
}
.cta-quaternary-image-wrapper {
aspect-ratio: 3 / 2;
}
.visionen-container {
margin-top: 3.5rem;
margin-bottom: 3.5rem;
padding: 2rem 1rem;
}
.sticky-section_wrapper {
width: 100%;
overflow: clip;
}
.sticky-section_panel {
grid-template-columns: 1fr;
align-content: center;
width: 100%;
padding-right: 0;
}
.sticky-section_list {
width: 100%;
}
.sticky-section_card {
border-radius: 8px;
grid-template-columns: 1fr;
padding: 1rem;
position: relative;
}
.hero-left {
padding-left: 0;
}
.hero-left-content {
min-height: 0;
}
.bracket-img.max-height {
height: auto;
display: block;
}
.image-diagonal__fourth {
min-height: 21.3438rem;
padding: 2rem .875rem 1rem;
}
.image-diagonal__fourth.is--height-xl {
min-height: 21.3438rem;
max-height: 37.5rem;
}
.image-diagonal__third {
min-height: 21.3438rem;
}
.image-diagonal__third.is--height-xl {
min-height: 21.3438rem;
max-height: 37.5rem;
}
.jobs_card {
min-width: 0;
max-width: 23.35rem;
height: auto;
margin-left: auto;
margin-right: auto;
}
.job-card-notch {
min-height: 0;
}
.jobs_card-body {
margin-top: auto;
margin-bottom: 0;
}
.work-flex-container {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding-top: 0;
padding-bottom: 2rem;
}
.vision-wrapper {
padding-top: 1rem;
padding-left: 1rem;
padding-right: 1rem;
}
.card-ellipse {
width: 1rem;
height: 1rem;
left: -1.9rem;
}
.tab-section {
grid-row-gap: 0rem;
}
.icon {
width: auto;
margin-left: 0;
margin-right: auto;
}
.tab-slider-icons {
width: 2rem;
height: 2rem;
}
.tabs {
padding-top: 0;
padding-bottom: 0;
}
.team-grid {
padding-left: 0;
padding-right: 0;
}
.team-grid__cell {
width: auto;
height: auto;
}
.team-grid__img {
display: block;
}
.social-icon-regular {
width: 1.25rem;
height: 1.25rem;
}
.hero-subpage-flex.is--career {
width: 80%;
min-height: 0;
max-height: none;
inset: 0% auto auto;
}
.hero-subpage-flex.is--karriere-subpage {
min-height: 60%;
max-height: 60%;
}
.image-2 {
object-fit: contain;
height: 100%;
min-height: 10rem;
max-height: none;
padding-top: 1.5rem;
top: 0;
}
.slider-03 {
padding: 2rem;
}
.team-card-l {
aspect-ratio: 2 / 3;
height: auto;
min-height: 0;
padding-bottom: .875rem;
padding-left: .875rem;
padding-right: .875rem;
}
.info-box-bottom-right {
grid-row-gap: .75rem;
padding: .875rem;
}
.footer-nav-column-bottom {
grid-column-gap: .75rem;
grid-row-gap: .75rem;
}
.werte-visionen-container {
padding: 2rem 1rem;
}
.blog-flex-sections {
padding-top: 0;
}
.column-left-wrapper.is--sticky-mobile {
z-index: 10;
background-color: #00000073;
justify-content: center;
align-items: center;
width: 100%;
height: 100vh;
padding: 2rem 1rem;
display: none;
position: fixed;
inset: 0%;
}
.filter-wrapper {
border-radius: 12px;
max-width: none;
margin-bottom: 3rem;
padding: 1rem;
}
.filter-options {
padding-bottom: .5rem;
}
.news-card {
background-color: #fff;
}
.news-card-secondary {
background-color: #f5f5f5;
}
.column-right-wrapper.z-index-mobile {
z-index: 5;
position: relative;
}
.news_card-body {
height: 7.5rem;
}
.section-style {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
padding: 1rem;
}
.blog-left-container {
aspect-ratio: 1;
height: auto;
padding-left: 1rem;
padding-right: 1rem;
}
.info-box-flex {
padding: 1.5rem 1rem;
}
.blog-title {
grid-row-gap: 1.5625rem;
padding-left: 1rem;
padding-right: 1rem;
}
.content-container.is--blue-bg {
padding-left: 1rem;
padding-right: 1rem;
}
.content-container.is--blog {
height: 3.5rem;
padding-left: 1rem;
padding-right: 1rem;
}
.content-container.is--float-bottom {
padding-left: 1rem;
padding-right: 1rem;
}
.blog-scroll-container {
grid-row-gap: 1rem;
padding-bottom: 1.5rem;
}
.blog-meta {
grid-column-gap: .25rem;
grid-row-gap: .25rem;
flex-flow: column;
justify-content: space-between;
align-items: flex-start;
}
.blog-meta-row {
justify-content: space-between;
align-items: center;
width: 100%;
}
.fact-list-container.top-notch-shape {
grid-row-gap: 3rem;
min-height: 0;
}
.numbers-large {
font-size: 3rem;
}
.numbers-large.is--xlarge {
font-size: 3.8rem;
}
.kontakt-card-s {
grid-row-gap: 1.5rem;
flex-flow: column;
min-height: 0;
padding-left: 1rem;
padding-right: 1rem;
}
.team-card-s {
max-width: none;
}
.contact-wrapper {
height: auto;
}
.blog-content-container {
padding-bottom: 2rem;
}
.benefit-s {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.benefit-s-2 {
grid-row-gap: 1.5rem;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.kontakt-card_top {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
flex-flow: column;
padding: 1.5rem;
}
.kontakt-card_icon {
width: 3rem;
height: 3rem;
}
.kontakt-grid {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
padding: 1rem;
}
.kontakt-card_label {
grid-column-gap: 0rem;
grid-row-gap: 0rem;
margin-bottom: 0;
padding-bottom: 1.5rem;
padding-left: 1rem;
padding-right: 3.5rem;
}
.logo-subpage-big {
display: none;
}
.slider__card-first.space-between {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: flex-start;
}
.slider__card {
overflow: hidden;
}
.slider__card-content {
margin-top: 0;
margin-bottom: auto;
}
.page-padding {
grid-column-gap: 3.5rem;
grid-row-gap: 3.5rem;
padding-left: 1rem;
padding-right: 1rem;
}
.footer-padding {
padding-top: 2.625rem;
padding-left: 0;
padding-right: 0;
}
.footer-padding.noise {
padding-top: 5.5rem;
}
.footer-mobile-deco {
width: 100%;
height: 8px;
position: absolute;
inset: 0% 0% auto;
}
.shape-slider-special--left {
min-height: 21.3438rem;
padding: 2rem .875rem 1rem;
}
.shape-slider-special--right {
min-height: 21.3438rem;
}
.slider__card-second.space-between.switch-order-mobile {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.subpage-intro-texts {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
flex-flow: column;
}
.headline-wrapper {
width: 100%;
}
.services-subpage-flex.no-bg.banner-diagonal {
min-height: 40vh;
max-height: 40vh;
}
.section__services-hero {
max-width: 23.35rem;
margin-left: auto;
margin-right: auto;
}
.newsletter-info {
flex-flow: column;
}
.square-image-wrapper {
width: 100%;
}
.slider-04 {
min-height: 0;
padding-top: 0;
padding-bottom: 0;
padding-left: 0;
}
.slider04-content {
align-items: stretch;
}
.service__slider-card {
grid-column-gap: 1.5rem;
grid-row-gap: 1.5rem;
min-width: 100%;
height: auto;
min-height: 0;
padding: 1.5rem 1rem;
}
.gradient-right {
display: none;
}
.logo-subpage-small {
width: 100%;
padding-left: 3.725rem;
padding-right: 3.725rem;
display: block;
}
.mobile-button-variant {
display: flex;
}
.static__card {
overflow: hidden;
}
.static__card-first.space-between {
grid-column-gap: 1rem;
grid-row-gap: 1rem;
justify-content: flex-start;
align-items: flex-start;
}
.static__card-second.space-between.switch-order-mobile {
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
}
.legal-section-wrapper {
margin-top: 2rem;
}
.rich-text-medium, .rich-text-medium p {
font-size: 1rem;
}
.rich-text-medium h1, .rich-text-medium h2, .rich-text-medium h3, .rich-text-medium h4, .rich-text-medium h5, .rich-text-medium h6 {
font-size: 1.125rem;
}
.tabs-legal {
min-width: 0;
padding: .4375rem .75rem;
font-size: .875rem;
}
.open-filter {
z-index: 30;
width: 3rem;
height: 3rem;
color: var(--_variable-collection---es--off-white-90);
background-color: #131740;
border: 1px solid #fff;
border-radius: 50px;
justify-content: center;
align-items: center;
display: flex;
position: fixed;
inset: auto 1rem 3.5rem auto;
box-shadow: 0 2px 5px #0003;
}
.filter-icon-embed {
width: 20px;
height: 20px;
}
}
#w-node-e2f28bdd-fd61-aee5-ebbb-eed6fe895f36-3d40e29e, #w-node-e2f28bdd-fd61-aee5-ebbb-eed6fe895f3e-3d40e29e, #w-node-e2f28bdd-fd61-aee5-ebbb-eed6fe895f46-3d40e29e {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7a4ed342-b022-be85-40d4-cc2b7e824453-3d40e29e, #w-node-_7a4ed342-b022-be85-40d4-cc2b7e824458-3d40e29e, #w-node-_7a4ed342-b022-be85-40d4-cc2b7e82445d-3d40e29e, #w-node-_7a4ed342-b022-be85-40d4-cc2b7e824462-3d40e29e, #w-node-_7a4ed342-b022-be85-40d4-cc2b7e824468-3d40e29e, #w-node-_7a4ed342-b022-be85-40d4-cc2b7e82446e-3d40e29e, #w-node-_7a4ed342-b022-be85-40d4-cc2b7e824474-3d40e29e {
justify-self: start;
}
#w-node-_17b19a3f-4947-3ee5-8944-6e5204c4ab14-68f87509 {
grid-area: span 1 / span 2 / span 1 / span 2;
}
#w-node-_697ad122-7323-214c-1a56-fb681e3ea031-68f87509 {
grid-area: 1 / 2 / 2 / 4;
}
#w-node-a949fc70-b4d7-6cd0-0d84-97c5ef7a5e42-1e5563a6, #w-node-b29a7289-cd44-3f3c-541d-4168817a1035-1e5563a6 {
align-self: stretch;
}
@media screen and (max-width: 991px) {
#w-node-a16ccb4a-904a-96d5-9dce-49d2797d973a-a4e32c1b {
grid-area: 1 / 1 / 4 / 2;
}
#w-node-_42a9db4e-04e2-f57a-dffe-78fcd10fa2a3-a4e32c1b {
grid-area: 2 / 1 / 4 / 2;
}
#w-node-db689e99-f7ce-6500-0d0e-ba8661f8eb15-a4e32c1b {
grid-area: 1 / 1 / 4 / 2;
}
#w-node-e758f9aa-c04c-c77b-0fbc-090a4e163eda-a4e32c1b {
grid-area: span 1 / span 1 / span 1 / span 1;
}
#w-node-_7670d461-8222-6cc5-c5a4-3c4362d1a8aa-af9200be, #w-node-_7670d461-8222-6cc5-c5a4-3c4362d1a8aa-25862545, #w-node-_9d558627-28d9-6b9f-3b71-c6cd5c6afadb-51698989, #w-node-_7670d461-8222-6cc5-c5a4-3c4362d1a8aa-81cc4b07, #w-node-f2fffaab-ef0a-773e-8788-d2c1a9c2d75b-df3a1a56, #w-node-_2d2df9bb-0a04-fca0-8bb3-40ac08053d79-c0a7eeec, #w-node-_884f7867-7ca4-2675-1be0-1d7f5f2b8839-0bd29650, #w-node-_8a8673f7-f6b4-8c24-af0c-149d44f9a965-0755e4fe, #w-node-_884f7867-7ca4-2675-1be0-1d7f5f2b8839-0b307b68, #w-node-_7670d461-8222-6cc5-c5a4-3c4362d1a8aa-508b9b6b {
grid-area: 1 / 1 / 4 / 2;
}
}
@media screen and (max-width: 767px) {
#w-node-a16ccb4a-904a-96d5-9dce-49d2797d973a-a4e32c1b {
grid-area: 1 / 1 / 4 / 2;
}
#w-node-_42a9db4e-04e2-f57a-dffe-78fcd10fa2a3-a4e32c1b {
grid-area: 2 / 1 / 4 / 2;
place-self: stretch stretch;
}
#w-node-db689e99-f7ce-6500-0d0e-ba8661f8eb15-a4e32c1b, #w-node-_7670d461-8222-6cc5-c5a4-3c4362d1a8aa-af9200be, #w-node-_7670d461-8222-6cc5-c5a4-3c4362d1a8aa-25862545, #w-node-_9d558627-28d9-6b9f-3b71-c6cd5c6afadb-51698989, #w-node-_7670d461-8222-6cc5-c5a4-3c4362d1a8aa-81cc4b07, #w-node-f2fffaab-ef0a-773e-8788-d2c1a9c2d75b-df3a1a56, #w-node-_2d2df9bb-0a04-fca0-8bb3-40ac08053d79-c0a7eeec, #w-node-_884f7867-7ca4-2675-1be0-1d7f5f2b8839-0bd29650, #w-node-_8a8673f7-f6b4-8c24-af0c-149d44f9a965-0755e4fe, #w-node-_884f7867-7ca4-2675-1be0-1d7f5f2b8839-0b307b68, #w-node-_7670d461-8222-6cc5-c5a4-3c4362d1a8aa-508b9b6b {
grid-area: 1 / 1 / 4 / 2;
}
}
@font-face {
font-family: 'ABC Diatype';
src: url('../fonts/ABCDiatype-Medium.woff2') format('woff2');
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'ABC Diatype';
src: url('../fonts/ABCDiatype-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'Roobert';
src: url('../fonts/Roobert-Regular.woff2') format('woff2');
font-weight: 400;
font-style: normal;
font-display: swap;
}