@font-face {
font-display: swap; font-family: 'Teko';
font-style: normal;
font-weight: 300;
src: url(//smpl-it.de/wp-content/themes/wpbase-modular-child/fonts/teko-v20-latin-300.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Teko';
font-style: normal;
font-weight: 400;
src: url(//smpl-it.de/wp-content/themes/wpbase-modular-child/fonts/teko-v20-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Teko';
font-style: normal;
font-weight: 500;
src: url(//smpl-it.de/wp-content/themes/wpbase-modular-child/fonts/teko-v20-latin-500.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 300;
src: url(//smpl-it.de/wp-content/themes/wpbase-modular-child/fonts/roboto-v47-latin-300.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 400;
src: url(//smpl-it.de/wp-content/themes/wpbase-modular-child/fonts/roboto-v47-latin-regular.woff2) format('woff2'); } @font-face {
font-display: swap; font-family: 'Roboto';
font-style: normal;
font-weight: 500;
src: url(//smpl-it.de/wp-content/themes/wpbase-modular-child/fonts/roboto-v47-latin-500.woff2) format('woff2'); }:root {
--color-one: rgb(0, 170, 215);
--color-one-hover: rgb(0, 140, 175);
--color-two: rgb(34, 36, 41);
--gradient-one: radial-gradient(at center center, #0077BE 0%, #00AAD7 100%);
--bg-one: var(--color-two);
--bg-two: var(--gradient-one);
--bg-three: rgb(74, 76, 81);
--color-white-soft: rgba(230, 230, 230, 1);
--color-white-softer: rgba(210, 210, 210, 1);
}
:root {
--padding-sm: 3rem;
--padding-md: 6rem;
--padding-lg: 9rem;
--margin-sm: 3rem;
--margin-md: 6rem;
--margin-lg: 9rem;
}
:root {
--font-headline: "Teko", sans-serif;
--font-copy: "Roboto", sans-serif;
--font-headline-light: 300;
--font-headline-regular: 300;
--font-headline-medium: 500;
--font-headline-semibold: 500;
--font-headline-bold: 600;
--font-copy-light: 300;
--font-copy-regular: 300;
--font-copy-medium: 500;
--font-copy-semibold: 500;
--font-copy-bold: 600;
}
:root {
--xxs-width: 0;
--xs-width: 321px;
--sm-width: 576px;
--md-width: 768px;
--lg-width: 992px;
--xl-width: 1200px;
--xxl-width: 1500px;
--xxxl-width: 1680px;
}
@media (min-width: 0) {
:root {
--basesize: .95;
}
}
@media (min-width: 321px) {
:root {
--basesize: .95;
}
}
@media (min-width: 576px) {
:root {
--basesize: .95;
}
}
@media (min-width: 768px) {
:root {
--basesize: 1;
}
}
@media (min-width: 992px) {
:root {
--basesize: 1;
}
}
@media (min-width: 1200px) {
:root {
--basesize: 1.1;
}
}
@media (min-width: 1500px) {
:root {
--basesize: 1.1;
}
}
@media (min-width: 1680px) {
:root {
--basesize: 1.1;
}
}
:root {
--level1-factor: 7;
--level2-factor: 4;
--level3-factor: 3.25;
--level4-factor: 2;
--level1-pre-factor: 0.2;
--level2-pre-factor: 0.4;
--level3-pre-factor: 0.75;
--level4-pre-factor: 0.75;
--level1-sub-factor: 0.4;
--level2-sub-factor: 0.45;
--level3-sub-factor: 0.6;
--level4-sub-factor: 0.8;
--copy-xs-factor: .8;
--copy-sm-factor: 1;
--copy-md-factor: 1.2;
--copy-lg-factor: 1.75;
}
p {
line-height: 1.7 !important;
font-size: var(--copy-md-calc);
}
ul li, ol li {
line-height: 1.7 !important;
font-size: var(--copy-md-calc);
}
h1, .main-level1 {
font-weight: var(--font-headline-semibold);
line-height: 0.8em;
}
.pre-level1 {
font-weight: var(--font-headline-medium);
text-transform: uppercase;
}
.sub-level1 {
font-weight: var(--font-headline-regular);
}
h2, .main-level2 {
font-weight: var(--font-headline-medium) !important;
text-transform: uppercase;
line-height: 0.9;
}
.sub-level2 {
font-weight: var(--font-headline-regular);
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--color-one) !important;
}
h3, .main-level3 {
text-transform: uppercase;
font-weight: var(--font-headline-medium);
line-height: 0.9;
}
.dot {
color: var(--color-one) !important;
}
.main-footer > .inner .main-footer__top {
background: var(--color-one);
}
.main-footer > .inner .main-footer__top .component-address > .component-inner {
margin-top: 1rem !important;
}
.main-footer > .inner .main-footer__top .component-address > .component-inner .title {
font-family: var(--font-headline) !important;
text-transform: uppercase !important;
}
.main-footer > .inner .main-footer__top .component-address > .component-inner .content {
font-family: var(--font-headline) !important;
}
.main-footer > .inner .main-footer__top .component-address > .component-inner .content a {
font-family: var(--font-headline) !important;
}
.main-footer > .inner .main-footer__top .component-address .custom-select__trigger,
.main-footer > .inner .main-footer__top .component-address .col > .content,
.main-footer > .inner .main-footer__top .component-address .col > .content a {
color: var(--color-white-soft);
}
.main-footer > .inner .main-footer__top .component-address .custom-select-wrapper .custom-options {
background: var(--color-font) !important;
border-color: var(--color-white) !important;
}
.main-footer > .inner .main-footer__top .component-address .custom-select-wrapper .custom-options .custom-option {
color: var(--color-white) !important;
font-family: var(--font-headline) !important;
font-size: var(--copy-md-calc) !important;
padding: 0.25rem 0.5rem !important;
}
.main-footer > .inner .main-footer__top .component-address .custom-select-wrapper .custom-options .custom-option.selected {
background: var(--color-one) !important;
}
.main-footer > .inner .main-footer__bottom {
background: var(--color-font);
}
.main-footer > .inner .main-footer__bottom > .inner {
flex-direction: column;
}
.main-footer > .inner .main-footer__bottom .footer-credits {
color: var(--color-white-soft);
}
.main-footer > .inner .main-footer__bottom .footer-credits a {
color: var(--color-white-soft);
}
.main-footer > .inner .main-footer__bottom .footer-credits a:hover {
color: var(--color-one);
}
.main-footer > .inner .main-footer__bottom .footer-menu {
margin-left: 0;
margin-right: 0;
width: 100%;
text-align: center !important;
}
.main-footer > .inner .main-footer__bottom .footer-menu ul li a {
color: var(--color-white-soft);
font-weight: var(--font-copy-bold);
text-transform: uppercase;
font-size: 0.9rem;
}
.main-footer > .inner .main-footer__bottom .footer-menu ul li a:hover {
color: var(--color-one);
}
.main-footer > .inner .main-footer__bottom .footer-menu ul li:hover a {
color: var(--color-one);
}
.main-footer > .inner .component-social-icons {
margin-bottom: 0 !important;
}
.main-footer > .inner .component-social-icons > .component-inner {
flex-direction: row !important;
}
.main-footer > .inner .component-social-icons > .component-inner .social-icon svg path {
fill: var(--color-one) !important;
}
.main-footer > .inner .component-social-icons > .component-inner .social-icon:hover svg path {
fill: var(--color-white-soft) !important;
}
.error404 #content section.error-404 {
margin-top: 0;
min-height: calc(100vh - 350px);
}
.error404 #content section.error-404 h1 {
color: var(--color-white);
font-size: 5rem;
}
.error404 #content section.error-404 p {
color: var(--color-white);
}
.error404 #content section.error-404 p a {
color: var(--color-one);
font-weight: 500;
}
.error404 #content section.error-404 p a::after {
content: "";
width: 0;
position: absolute;
height: 1px;
background-color: var(--color-one);
left: 0;
bottom: -0.25rem;
transition: width 0.3s ease;
}
.error404 #content section.error-404 p a:hover::after {
width: 100%;
}
.module-blog > .section-inner .component-headline {
margin-left: 0;
}
.module-blog > .section-inner .component-headline * {
text-align: center;
}
.module-content-txt-img .img-left,
.module-content-txt-img .img-right {
line-height: 0;
border-radius: 10px;
overflow: hidden;
}
@media (min-width: 0) {
.module-content-txt-img .img-left {
margin-bottom: 2rem;
border-radius: 20px 0 20px 0;
align-self: flex-start;
}
}
@media (min-width: 1200px) {
.module-content-txt-img .img-left {
margin-bottom: 0;
}
}
@media (min-width: 0) {
.module-content-txt-img .img-right {
border-radius: 20px 0 20px 0;
}
}
@media (min-width: 0) {
.module-content-txt-img[data-type=image-text] > .section-inner .content, .module-content-txt-img[data-type=text-image] > .section-inner .content {
width: calc(100% - 2rem);
}
}
@media (min-width: 0) {
.module-content-txt-img[data-type=text-image] > .section-inner {
flex-direction: column-reverse;
}
}
@media (min-width: 1200px) {
.module-content-txt-img[data-type=text-image] > .section-inner {
flex-direction: row;
}
}
@media (min-width: 0) {
.module-content-txt-img[data-type=text-image] > .section-inner .img-right {
margin-bottom: 2rem;
}
}
.module-content-txt-img[data-bg=bg-one-full] {
background: var(--bg-one);
}
.module-content-txt-img[data-bg=bg-one-full] p {
color: var(--color-white-softer) !important;
}
.module-content-txt-img[data-bg=bg-one-full] ul li, .module-content-txt-img[data-bg=bg-one-full] ol li {
color: var(--color-white-softer) !important;
}
@media (min-width: 0) {
.offset-bottom-xs {
padding-bottom: +1.25rem;
}
}
@media (min-width: 992px) {
.offset-bottom-xs {
padding-bottom: +2rem;
}
}
@media (min-width: 0) {
.offset-bottom-sm {
padding-bottom: +2rem;
}
}
@media (min-width: 992px) {
.offset-bottom-sm {
padding-bottom: +3rem;
}
}
@media (min-width: 0) {
.offset-bottom-md {
padding-bottom: +4rem;
}
}
@media (min-width: 992px) {
.offset-bottom-md {
padding-bottom: +6rem;
}
}
@media (min-width: 0) {
.offset-bottom-lg {
padding-bottom: +6rem;
}
}
@media (min-width: 992px) {
.offset-bottom-lg {
padding-bottom: +8rem;
}
}
@media (min-width: 0) {
.offset-bottom-n-sm {
padding-bottom: -2rem;
}
}
@media (min-width: 992px) {
.offset-bottom-n-sm {
padding-bottom: -3rem;
}
}
@media (min-width: 0) {
.offset-bottom-n-md {
padding-bottom: -2rem;
}
}
@media (min-width: 992px) {
.offset-bottom-n-md {
padding-bottom: -3rem;
}
}
@media (min-width: 0) {
.offset-bottom-n-lg {
padding-bottom: -2rem;
}
}
@media (min-width: 992px) {
.offset-bottom-n-lg {
padding-bottom: -3rem;
}
}
@media (min-width: 0) {
.offset-top-xs {
padding-top: +1.25rem;
}
}
@media (min-width: 992px) {
.offset-top-xs {
padding-top: +2rem;
}
}
@media (min-width: 0) {
.offset-top-sm {
padding-top: +2rem;
}
}
@media (min-width: 992px) {
.offset-top-sm {
padding-top: +3rem;
}
}
@media (min-width: 0) {
.offset-top-md {
padding-top: +4rem;
}
}
@media (min-width: 992px) {
.offset-top-md {
padding-top: +6rem;
}
}
@media (min-width: 0) {
.offset-top-lg {
padding-top: +6rem;
}
}
@media (min-width: 992px) {
.offset-top-lg {
padding-top: +8rem;
}
}
@media (min-width: 0) {
.offset-top-n-sm {
padding-top: -2rem;
}
}
@media (min-width: 992px) {
.offset-top-n-sm {
padding-top: -3rem;
}
}
@media (min-width: 0) {
.offset-top-n-md {
padding-top: -2rem;
}
}
@media (min-width: 992px) {
.offset-top-n-md {
padding-top: -3rem;
}
}
@media (min-width: 0) {
.offset-top-n-lg {
padding-top: -2rem;
}
}
@media (min-width: 992px) {
.offset-top-n-lg {
padding-top: -3rem;
}
}
@media (min-width: 0) {
.module-cta[data-version=image] > .section-inner {
width: 91.6666666667%;
margin-left: 4.1666666667%;
}
}
@media (min-width: 576px) {
.module-cta[data-version=image] > .section-inner {
width: 83.3333333333%;
margin-left: 8.3333333333%;
}
}
@media (min-width: 768px) {
.module-cta[data-version=image] > .section-inner {
width: 75%;
margin-left: 12.5%;
}
}
@media (min-width: 992px) {
.module-cta[data-version=image] > .section-inner {
width: 75%;
margin-left: 12.5%;
}
}
@media (min-width: 1200px) {
.module-cta[data-version=image] > .section-inner {
width: 66.6666666667%;
margin-left: 16.6666666667%;
}
}
@media (min-width: 1680px) {
.module-cta[data-version=image] > .section-inner {
width: 58.3333333333%;
margin-left: 20.8333333333%;
}
}
.module-cta[data-version=image] > .section-inner .image {
margin-bottom: 2rem;
}
@media (min-width: 0) {
.module-cta[data-version=image] > .section-inner .text {
width: calc(100% - 2rem);
}
}
@media (min-width: 992px) {
.module-cta[data-version=image] > .section-inner .text {
padding: 1rem 1rem 1rem 2rem;
width: calc(100% - 3rem);
}
}
.module-cta[data-version=image] > .section-inner .text > .inner {
display: flex;
flex-direction: column;
}
.module-cta[data-bg=bg-one-full] > .section-inner .wysiwyg-component * {
color: var(--color-white);
}
.module-cta[data-bg=bg-one-full] > .section-inner .contact-person > .inner .text * {
color: var(--color-white) !important;
}
.module-image-big .img-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--bg-one);
opacity: 0.9;
mix-blend-mode: multiply;
}
.module-image-big .element-image-large img {
filter: grayscale(100%);
}
@media (min-width: 0) {
.module-image-big .image-quote-ctn {
z-index: 2;
background: transparent !important;
text-align: center;
left: 50% !important;
transform: translate(-50%, -50%) !important;
padding: 0 !important;
}
}
@media (min-width: 0) {
.module-image-big .image-quote-ctn .image-quote {
font-style: normal !important;
font-size: 3rem !important;
color: var(--color-white-soft) !important;
text-transform: uppercase;
line-height: 0.9 !important;
}
}
@media (min-width: 992px) {
.module-image-big .image-quote-ctn .image-quote {
font-size: 4rem !important;
}
}
#main-nav.is-fixed {
background: var(--color-black);
transition: background-color 0.3s ease;
}
#main-nav.is-ontop {
background: rgba(var(--color-black), 0);
}
#main-nav .ctn-logo a {
width: 150px;
}
#main-nav #desktop-menu li a {
color: var(--color-white) !important;
font-size: var(--copy-md-calc) !important;
}
#main-nav #desktop-menu li a::before {
content: "";
position: absolute;
left: 0;
bottom: -3px;
width: 100%;
border-bottom: 2px solid var(--color-one);
}
#main-nav #desktop-menu li:hover > a {
color: var(--color-one) !important;
}
#main-nav #desktop-menu li.current-menu-item > a, #main-nav #desktop-menu li.current-page-parent > a {
color: var(--color-white) !important;
}
#main-nav #desktop-menu li.current-menu-item:hover > a, #main-nav #desktop-menu li.current-page-parent:hover > a {
color: var(--color-one) !important;
}
#main-nav #mobile-menu li {
text-align: left !important;
margin-bottom: 0 !important;
padding-top: 0.25rem !important;
}
#main-nav #mobile-menu li a {
font-size: var(--copy-lg-calc) !important;
font-weight: var(--copy-regular) !important;
}
#main-nav #mobile-menu li a:hover {
color: var(--color-one) !important;
}
#main-nav #mobile-menu li::after {
background: var(--color-one) !important;
bottom: 0 !important;
}
.nav-spacer {
display: none;
}
.menu-modal-bg {
background: var(--color-black);
}
.menu-modal {
left: 0 !important;
}
.module-card-grid .component-headline * {
text-align: center !important;
}
.module-process[data-bg=bg-one-full] .element-process-step {
align-items: center;
}
.module-process[data-bg=bg-one-full] .element-process-step .step-content * {
color: var(--color-white-soft) !important;
}
.module-process[data-bg=bg-one-full] .element-process-step .step-content .title {
font-size: 3rem;
}
.module-process[data-bg=bg-one-full] .element-process-step .step-number {
margin-bottom: 1.25rem;
}
.module-testimonials .testimonial-slider__item {
border-radius: 20px 0 20px 0 !important;
}
.module-testimonials blockquote {
color: var(--color-font) !important;
font-size: var(--copy-md-calc) !important;
font-family: var(--font-copy) !important;
font-weight: var(--font-copy-regular) !important;
font-style: normal !important;
line-height: 1.5 !important;
}
.module-testimonials .name,
.module-testimonials .company,
.module-testimonials .divider {
font-size: var(--copy-sm-calc) !important;
}
.module-testimonials[data-bg=bg-one-full] {
background: var(--bg-one) !important;
}
.module-testimonials[data-bg=bg-two-full] {
background: var(--bg-two) !important;
}
.module-opener-main[data-version=opener-textonly] {
background: var(--bg-one);
}
@media (min-width: 0) {
.module-opener-main[data-version=opener-textonly] > .section-inner {
padding: var(--padding-md) 1rem 0;
width: 91.6666666667%;
margin-left: 4.1666666667%;
flex-direction: column;
}
}
@media (min-width: 576px) {
.module-opener-main[data-version=opener-textonly] > .section-inner {
width: 83.3333333333%;
margin-left: 8.3333333333%;
}
}
@media (min-width: 768px) {
.module-opener-main[data-version=opener-textonly] > .section-inner {
width: 75%;
margin-left: 12.5%;
}
}
@media (min-width: 992px) {
.module-opener-main[data-version=opener-textonly] > .section-inner {
width: 66.6666666667%;
margin-left: 16.6666666667%;
}
}
.module-opener-main[data-version=opener-textonly] > .section-inner .opener-main__icon {
margin-bottom: 2rem;
text-align: center;
}
.module-opener-main[data-version=opener-textonly] > .section-inner .opener-main__icon svg path {
fill: var(--color-one);
}
.module-opener-main[data-version=opener-textonly] > .section-inner .opener-main__text {
width: 90%;
max-width: initial;
margin: auto;
}
.module-opener-main[data-version=opener-textonly] > .section-inner .opener-main__text * {
text-align: center;
}
.module-opener-main[data-version=opener-textonly] > .section-inner .opener-main__text .opener-main__info-box .element-excerpt {
color: var(--color-white);
line-height: 1.5;
}
.module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner .pre-level1 {
color: var(--color-white);
font-style: normal;
font-weight: var(--font-headline-regular);
}
@media (min-width: 0) {
.module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner h1, .module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner h2, .module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner h3, .module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner h4 {
font-size: var(--level2-calc);
color: var(--color-white);
text-transform: uppercase;
}
}
@media (min-width: 992px) {
.module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner h1, .module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner h2, .module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner h3, .module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner h4 {
font-size: var(--level1-calc);
}
}
@media (min-width: 0) {
.module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner .pre-level1, .module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner .pre-level2, .module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner .pre-level3, .module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner .pre-level4 {
font-size: var(--level2-pre-calc);
}
}
@media (min-width: 992px) {
.module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner .pre-level1, .module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner .pre-level2, .module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner .pre-level3, .module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner .pre-level4 {
font-size: var(--level1-pre-calc);
}
}
@media (min-width: 0) {
.module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner .sub-level1, .module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner .sub-level2, .module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner .sub-level3, .module-opener-main[data-version=opener-textonly] > .section-inner .component-headline .inner .sub-level4 {
color: var(--color-one);
}
}
.module-opener-main[data-version=opener-textonly]::after {
content: "";
position: absolute;
background: var(--color-one);
width: 4rem;
height: 5px;
left: 50%;
transform: translateX(-50%);
bottom: 0;
}
@media (min-width: 0) {
.module-opener-main[data-version=opener-home] {
display: flex;
align-items: center;
height: unset;
overflow: hidden;
min-height: 100vh;
}
}
@media (min-width: 0) {
.module-opener-main[data-version=opener-home] > .section-inner {
margin-left: 4.1666666667%;
padding-top: 2rem;
padding-bottom: 2rem;
}
}
@media (min-width: 768px) {
.module-opener-main[data-version=opener-home] > .section-inner {
margin-left: 8.3333333333%;
}
}
@media (min-width: 992px) {
.module-opener-main[data-version=opener-home] > .section-inner {
margin-left: 12.5%;
}
}
@media (min-width: 0) {
.module-opener-main[data-version=opener-home] > .section-inner .opener-main__text {
background: unset;
max-width: 800px;
}
}
.module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .opener-main__info-box .element-excerpt {
color: var(--color-white);
}
.module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .pre-level1 {
color: var(--color-white);
font-style: normal;
font-weight: var(--font-headline-regular);
}
@media (min-width: 0) {
.module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner h1, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner h2, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner h3, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner h4,
.module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .main-level1, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .main-level2, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .main-level3, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .main-level4 {
font-size: var(--level2-calc);
color: var(--color-white);
text-transform: uppercase;
line-height: 0.8;
}
}
@media (min-width: 992px) {
.module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner h1, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner h2, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner h3, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner h4,
.module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .main-level1, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .main-level2, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .main-level3, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .main-level4 {
font-size: var(--level1-calc);
}
}
@media (min-width: 0) {
.module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .pre-level1, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .pre-level2, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .pre-level3, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .pre-level4 {
font-size: var(--level2-pre-calc);
}
}
@media (min-width: 992px) {
.module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .pre-level1, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .pre-level2, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .pre-level3, .module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .component-headline .inner .pre-level4 {
font-size: var(--level1-pre-calc);
}
}
.module-opener-main[data-version=opener-home] > .section-inner .opener-main__text .btn {
position: unset;
right: unset;
bottom: unset;
transform: unset;
margin-top: 30px;
}
.module-opener-main[data-version=opener-home] .img-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: var(--color-black);
opacity: 0.7;
}
.module-opener-main[data-version=opener-home] .img-deko-one,
.module-opener-main[data-version=opener-home] .img-deko-two,
.module-opener-main[data-version=opener-home] .img-deko-three {
line-height: 0;
}
@media (min-width: 0) {
.module-opener-main[data-version=opener-home] .img-deko-one {
position: absolute;
top: 0;
}
}
@media (min-width: 992px) {
.module-opener-main[data-version=opener-home] .img-deko-one {
width: 400px;
}
}
@media (min-width: 1500px) {
.module-opener-main[data-version=opener-home] .img-deko-one {
width: 460px;
}
}
.module-opener-main[data-version=opener-home] .img-deko-one img {
width: 100%;
}
.module-opener-main[data-version=opener-home] .img-deko-two {
position: absolute;
bottom: 0;
right: 0;
}
.module-opener-main[data-version=opener-home] .img-deko-three {
position: absolute;
right: 0;
top: 0;
}
[data-bg=bg-one-full] .accordeon-component .ctn-accordeon .component-accordeon-item,
[data-bg=bg-one-boxed] .accordeon-component .ctn-accordeon .component-accordeon-item {
border-bottom-color: var(--color-one) !important;
}
[data-bg=bg-one-full] .accordeon-component .ctn-accordeon .component-accordeon-item .accordeon-item-title .item-title-icon svg path,
[data-bg=bg-one-boxed] .accordeon-component .ctn-accordeon .component-accordeon-item .accordeon-item-title .item-title-icon svg path {
fill: var(--color-one) !important;
}
[data-bg=bg-one-full] .accordeon-component .ctn-accordeon .component-accordeon-item .accordeon-item-title:hover .item-title-icon svg path,
[data-bg=bg-one-boxed] .accordeon-component .ctn-accordeon .component-accordeon-item .accordeon-item-title:hover .item-title-icon svg path {
fill: var(--color-white) !important;
}
[data-bg=bg-one-full] .accordeon-component .ctn-accordeon .component-accordeon-item .accordeon-item-title .item-title-label *,
[data-bg=bg-one-boxed] .accordeon-component .ctn-accordeon .component-accordeon-item .accordeon-item-title .item-title-label * {
color: var(--color-white) !important;
font-size: var(--copy-lg-calc) !important;
margin-top: 0.3rem;
}
[data-bg=bg-one-full] .accordeon-component .ctn-accordeon .component-accordeon-item .accordeon-item-content *,
[data-bg=bg-one-boxed] .accordeon-component .ctn-accordeon .component-accordeon-item .accordeon-item-content * {
color: var(--color-white-softer) !important;
font-size: var(--copy-md-calc) !important;
line-height: 1.3 !important;
font-weight: var(--copy-regular) !important;
}
.btn-primary {
background-color: var(--color-one);
border-color: var(--color-one);
padding: 1rem 3rem;
}
.btn-primary .label {
font-family: var(--font-headline);
font-weight: var(--font-headline-light) !important;
font-style: normal;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.btn-primary:hover {
background-color: var(--color-one-hover);
border-color: var(--color-one-hover);
}
.btn-xs .label {
font-size: var(--copy-sm-calc);
}
[data-bg=bg-one-full] .component-blog-teaser-card > .component-inner {
background: var(--color-one);
border-radius: 20px 0 20px 0;
padding: 0;
overflow: hidden;
}
[data-bg=bg-one-full] .component-blog-teaser-card > .component-inner .txt {
padding: 2rem;
margin-top: 0;
}
[data-bg=bg-one-full] .component-blog-teaser-card > .component-inner .txt .title, [data-bg=bg-one-full] .component-blog-teaser-card > .component-inner .txt .excerpt {
color: var(--color-font);
transition: color 0.3s ease-in-out;
}
[data-bg=bg-one-full] .component-blog-teaser-card > .component-inner .txt .title {
font-size: var(--level4-calc) !important;
line-height: 1 !important;
}
[data-bg=bg-one-full] .component-blog-teaser-card > .component-inner .txt .excerpt {
color: var(--color-font);
font-size: var(--copy-sm-calc) !important;
}
[data-bg=bg-one-full] .component-blog-teaser-card:hover .txt .title, [data-bg=bg-one-full] .component-blog-teaser-card:hover .txt .excerpt {
color: var(--color-white);
}
[data-bg=bg-one-boxed] .component-headline > .inner *,
[data-bg=bg-one-full] .component-headline > .inner * {
color: var(--color-white) !important;
}
[data-bg=bg-one-boxed] .component-headline > .inner .dot,
[data-bg=bg-one-full] .component-headline > .inner .dot {
color: var(--color-one) !important;
}
[data-bg=bg-one-boxed] .component-headline .sub-level2, [data-bg=bg-one-boxed] .component-headline .sub-level3, [data-bg=bg-one-boxed] .component-headline .sub-level4,
[data-bg=bg-one-full] .component-headline .sub-level2,
[data-bg=bg-one-full] .component-headline .sub-level3,
[data-bg=bg-one-full] .component-headline .sub-level4 {
color: var(--color-one) !important;
}
[data-bg=bg-two-full] .component-headline > .inner *,
[data-bg=bg-two-boxed] .component-headline > .inner * {
color: var(--color-white) !important;
}
[data-bg=bg-two-full] .component-headline > .inner .dot,
[data-bg=bg-two-boxed] .component-headline > .inner .dot {
color: var(--color-black) !important;
}
.component-menu-trigger .menu-icon > span {
background: var(--color-one);
}
.component-menu-trigger:hover .menu-icon > span {
background: var(--color-white) !important;
}
.component-menu-trigger:hover .menu-icon > span::before, .component-menu-trigger:hover .menu-icon > span::after {
background: var(--color-white) !important;
}
.component-menu-trigger.is-open .menu-icon > span {
background: var(--color-one) !important;
}
.component-menu-trigger.is-open .menu-icon > span::before, .component-menu-trigger.is-open .menu-icon > span::after {
background: var(--color-one) !important;
}
.component-menu-trigger.is-open:hover .menu-icon > span {
background: var(--color-white) !important;
}
.component-menu-trigger.is-open:hover .menu-icon > span::before, .component-menu-trigger.is-open:hover .menu-icon > span::after {
background: var(--color-white) !important;
}
.component-card {
display: flex;
}
.component-card .component-inner {
border-radius: 20px 0 20px 0;
width: 100% !important;
}
.component-card .icon {
margin: 0 !important;
}
.component-card .icon svg {
height: 100% !important;
}
.component-card .text .title {
line-height: 0.9 !important;
margin-top: 2rem !important;
}
[data-variant=text-icon] .component-card {
margin-top: 2rem !important;
}
[data-variant=text-icon] .component-card > .component-inner > .text .title {
font-size: var(--level4-calc) !important;
margin-top: 0 !important;
text-align: center !important;
}
[data-variant=text-icon] .component-card > .component-inner > .text > .text {
text-align: center !important;
}
[data-variant=text-icon] .component-card > .component-inner .icon {
margin-bottom: 2rem !important;
width: 6rem !important;
height: 6rem !important;
}
[data-variant=text-icon] .component-card > .component-inner .icon svg path {
fill: var(--color-one) !important;
}
[data-variant=text-image] .component-card > .component-inner {
padding: 0 !important;
overflow: hidden;
}
[data-variant=text-image] .component-card > .component-inner > .text {
padding: 2rem !important;
font-size: var(--copy-sm-calc) !important;
}
[data-variant=text-image] .component-card > .component-inner > .text .title {
font-size: var(--level4-calc) !important;
margin-top: 0 !important;
}
[data-variant=text-image] .component-card > .component-inner > .text > .text {
font-size: var(--copy-sm-calc) !important;
}
[data-bg=bg-one-full] .component-card > .component-inner,
[data-bg=bg-one-boxed] .component-card > .component-inner {
background: var(--color-white) !important;
}
[data-bg=bg-one-full] .component-card > .component-inner *,
[data-bg=bg-one-boxed] .component-card > .component-inner * {
color: var(--color-font) !important;
transition: color 0.3s ease-in-out !important;
}
[data-bg=bg-one-full] .component-card > .component-inner svg path,
[data-bg=bg-one-boxed] .component-card > .component-inner svg path {
fill: var(--color-font) !important;
transition: fill 0.3s ease-in-out !important;
}
[data-bg=bg-one-full] [data-variant*=click] .component-card > .component-inner,
[data-bg=bg-one-boxed] [data-variant*=click] .component-card > .component-inner {
background: var(--color-one) !important;
}
[data-bg=bg-one-full] [data-variant*=click] .component-card:hover > .component-inner *,
[data-bg=bg-one-boxed] [data-variant*=click] .component-card:hover > .component-inner * {
color: var(--color-white) !important;
}
[data-bg=bg-one-full] [data-variant*=click] .component-card:hover > .component-inner svg path,
[data-bg=bg-one-boxed] [data-variant*=click] .component-card:hover > .component-inner svg path {
fill: var(--color-white) !important;
}
.component-team-member > .component-inner .ctn-image {
border-radius: 0;
}
.component-team-member > .component-inner .ctn-image .ctn-social-icons {
bottom: 0.5rem !important;
}
.component-team-member > .component-inner .ctn-image .ctn-social-icons .social-icon {
background: var(--color-black) !important;
padding: 0.5rem !important;
}
.component-team-member > .component-inner .ctn-image .ctn-social-icons .social-icon svg path {
fill: var(--color-one) !important;
}
.component-team-member > .component-inner .ctn-image .ctn-social-icons .social-icon:hover svg path {
fill: var(--color-white) !important;
}
.component-team-member > .component-inner .ctn-text {
background: unset;
margin-top: 0;
text-align: center;
}
.component-team-member > .component-inner .ctn-text .ctn-text__inner .name {
display: flex;
gap: 0.5rem;
align-items: center;
justify-content: center;
}
.component-team-member > .component-inner .ctn-text .ctn-text__inner .name .vorname,
.component-team-member > .component-inner .ctn-text .ctn-text__inner .name .nachname {
font-size: var(--level4-calc) !important;
line-height: 0.9 !important;
}
.component-team-member > .component-inner .ctn-text .ctn-text__inner .funktion {
font-size: var(--level4-sub-calc) !important;
}
#scroll-top__indicator {
stroke: var(--color-one);
stroke-width: 3px;
}
.scroll-top__label svg path {
fill: var(--color-one);
}
.wysiwyg-component p {
font-size: var(--copy-md-calc);
}
.wysiwyg-component p + h2,
.wysiwyg-component p + h3,
.wysiwyg-component p + h4,
.wysiwyg-component ul + h2,
.wysiwyg-component ul + h3,
.wysiwyg-component ul + h4,
.wysiwyg-component ol + h2,
.wysiwyg-component ol + h3,
.wysiwyg-component ol + h4 {
margin-top: 3rem !important;
}
[data-bg=bg-one-full] .component-flexible-content > .component-inner .component-headline * {
color: var(--color-white-soft);
}
[data-bg=bg-one-full] .component-flexible-content > .component-inner .wysiwyg-component * {
color: var(--color-white-soft);
}
[data-bg=bg-one-full] .component-flexible-content > .component-inner .wysiwyg-component p,
[data-bg=bg-one-full] .component-flexible-content > .component-inner .wysiwyg-component ul li,
[data-bg=bg-one-full] .component-flexible-content > .component-inner .wysiwyg-component ol li {
line-height: 2;
}
[data-bg=bg-one-full] .component-flexible-content > .component-inner .wysiwyg-component * + ul {
margin-top: 1rem;
}