/* global-custom.css */
:root { --vh: 1svh; } * { margin: 0; padding: 0; -webkit-tap-highlight-color: transparent; } html { scroll-padding-top: 160px !important; scroll-behavior: smooth; } ::selection { background-color: #091d62; -webkit-background-clip: initial; -webkit-text-fill-color: #fff; color: #fff; } a, button, input { transition: all 250ms; } .wp-block-button .wp-block-button__link.wp-element-button:hover { background-color: var(--wp--preset--color--theme-cta-color-hover); } .wp-block-button.is-style-outline .wp-block-button__link.wp-element-button:hover { background-color: var( --wp--preset--color--theme-section-accent-color-light ) !important; } .inline-text-link-nounderline a { text-decoration: none !important; } .footer-page-navigation { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; row-gap: 4px; } .website-footer-contacts a, .website-footer-legals a { text-decoration: none; } .website-footer-content a.wp-block-navigation-item__content:hover { color: var(--wp--preset--color--theme-footer-link-hover-color) !important; } .img-variant-1-section { grid-template-columns: 45fr 55fr; } .img-variant-1-wrapper { display: flex; width: 100% !important; height: 100% !important; overflow: hidden; } .img-variant-1-container { display: flex; width: 100% !important; height: 100% !important; position: relative; min-height: 256px !important; } .img-variant-1 { position: absolute; inset: 0; object-position: center; object-fit: cover; } .img-variant-1 img, .img-variant-2-container img, .img-variant-3-container img { object-position: center; object-fit: cover; height: 100% !important; } .img-variant-2-section { grid-template-columns: 45fr 55fr; } .img-variant-2-wrapper { display: flex; width: 100% !important; height: 100% !important; overflow: hidden; } .img-variant-2-container { display: flex; width: 100% !important; height: 100% !important; position: relative; min-height: 256px !important; } .img-variant-2-first { position: absolute; left: 0; bottom: 0; right: 20%; top: 30%; object-position: center; object-fit: cover; overflow: hidden; } .img-variant-2-last { position: absolute; right: 0; top: 0; left: 20%; bottom: 30%; object-position: center; object-fit: cover; overflow: hidden; } .img-variant-3-section { grid-template-columns: 50fr 50fr; } .img-variant-3-wrapper { display: flex; width: 100% !important; height: 100% !important; overflow: hidden; align-content: center; justify-content: center; } .img-variant-3-container { display: flex; width: 100% !important; height: 100% !important; position: relative; min-height: 320px !important; max-width: 460px; } .img-variant-3-first { position: absolute; left: 0; bottom: 0; right: 40%; top: 10%; object-position: center; object-fit: cover; overflow: hidden; } .img-variant-3-last { position: absolute; right: 0; top: 0; left: 40%; bottom: 10%; object-position: center; object-fit: cover; overflow: hidden; } @media (min-width: 782px) { .case-study-img-wrapper { flex-basis: 40% !important; } } .hard-sales-img img { object-fit: contain; } .parallex-section { position: relative; overflow: hidden !important; } .parallex-section .parallex-overlay { margin-top: 0 !important; } .parallex-section-content { min-height: 80lvh; min-height: calc(var(--vh) * 80); } .parallex-section .parallex-bg-overlay { position: absolute; inset: 0; } .parallex-section .parallex-bg { position: absolute; inset: 0; height: 100%; overflow: hidden !important; margin: 0 !important; clip-path: inset(0 0 0 0 round 0); } .parallex-section .parallex-bg-img { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; min-height: 100lvh; min-height: calc(var(--vh) * 100); height: 100lvh; height: calc(var(--vh) * 100); object-fit: cover; object-position: center; } .google-maps-embed { min-height: 320px; width: 100%; display: flex; justify-content: center; align-items: center; overflow: hidden; } .google-maps-embed iframe { min-height: 320px; width: 100%; } .custom-contact-form-content-wrapper { display: flex; flex-direction: column; gap: 32px; } .contact-form-container label { color: var(--wp--preset--color--theme-accent-color-text); width: 100%; height: fit-content; display: flex; flex-direction: column; gap: 4px; } .contact-form-container input, .contact-form-container textarea { border: 1px solid var(--wp--preset--color--theme-cta-color-disabled); padding: 16px; background-color: #fcfdff; border-radius: 8px; display: flex; font-family: inherit !important; line-height: 1.48 !important; font-size: 0.875rem !important; } .contact-form-container textarea { resize: none; } .contact-form-container input[type="submit"] { background-color: var(--wp--preset--color--theme-cta-color); color: white; padding: 0 32px; min-height: 48px; border: none; border-radius: 8px; cursor: pointer; font-size: 1rem; } .contact-form-container input[type="submit"]:hover { background-color: var(--wp--preset--color--theme-cta-color-hover); } .contact-form-container input[type="submit"]:active { background-color: var(--wp--preset--color--theme-cta-color-hover); } .contact-form-container input[type="submit"]:disabled { background-color: var(--wp--preset--color--theme-cta-color-disabled); } .custom-contact-form-input-wrapper { display: flex; flex-direction: column; gap: 16px; width: 100%; } .custom-contact-form-input-wrapper > p { width: 100%; height: fit-content; } .contact-form-container label span { width: 100%; display: flex; flex-direction: column; gap: 4px; } .custom-contact-form-privacy-wrapper span { margin: 0; } .custom-contact-form-privacy-wrapper label { display: flex; flex-direction: row; align-items: center; gap: 16px; } .custom-contact-form-tracking-and-security { display: none; } .custom-contact-form-cta-and-spinner p { display: flex; flex-direction: row; align-items: center; gap: 16px; } .custom-contact-form-cta-and-spinner p .wpcf7-spinner { margin: 0 !important; opacity: 0.5 !important; background-color: var(--wp--preset--color--theme-accent-color) !important; } .custom-contact-form-privacy-wrapper input { height: 24px; width: 24px; } .wpcf7 form .wpcf7-response-output { margin: 16px 0 0 0 !important; padding: 8px 16px !important; border: 2px solid #00a0d2; border-radius: 8px; } .wpcf7 form.sent .wpcf7-response-output { background-color: #edffee; border-color: #00910a !important; color: #00910a !important; } .checkmark-icon { min-width: 16px !important; min-height: 16px !important; width: 16px !important; height: 16px !important; position: relative; margin-top: 4px !important; } .checkmark-icon img { width: 16px !important; height: 16px !important; position: absolute; inset: 0; } .icon-img-wrapper, .icon-img-wrapper-padding { width: fit-content !important; height: fit-content !important; display: flex; align-items: center; justify-content: center; } .icon-img-wrapper figure { width: 64px !important; height: 64px !important; max-width: 64px !important; max-height: 64px !important; object-fit: contain; object-position: center; } .icon-img-wrapper img { width: 64px !important; height: 64px !important; max-width: 64px !important; max-height: 64px !important; object-fit: contain; object-position: center; } .icon-img-wrapper-padding figure { width: 32px !important; height: 32px !important; max-width: 32px !important; max-height: 32px !important; object-fit: contain; object-position: center; } .icon-img-wrapper-padding img { width: 32px !important; height: 32px !important; max-width: 32px !important; max-height: 32px !important; object-fit: contain; object-position: center; } .compareComponent__box { width: 100%; height: initial; } .compareComponent__wrapper { display: flex; flex-direction: row; flex-wrap: wrap !important; width: 100%; height: 100%; align-items: stretch !important; justify-content: center; } .compareComponent__box figure.wp-block-image { min-height: 20px !important; min-width: 20px !important; height: 20px !important; width: 20px !important; display: flex; align-items: center; justify-content: center; margin-top: 2px !important; } .compareComponent__box_wrapper { height: 100%; } @media (min-width: 1440px) { .compareComponent__wrapper { flex-wrap: initial !important; justify-content: space-between; } }
/* global-layout.css */
.checkmark-grid { row-gap: 16px !important; column-gap: 32px !important; } .dreier-grid { grid-template-columns: 1fr !important; } .dreier-grid-tilted { grid-template-columns: 1fr !important; row-gap: 16px !important; column-gap: 16px !important; } .vierer-grid { grid-template-columns: 1fr !important; row-gap: 16px !important; column-gap: 32px !important; } .icon-set-grid { grid-template-columns: 1fr !important; } .inner-box-padding { padding: 16px !important; } .lineBreakIfDesktop { display: none; } @media (max-width: 781px) { .vierer-grid { grid-template-columns: 1fr !important; } .icon-set-grid { grid-template-columns: 1fr !important; } .vierer-raster-mit-bild { grid-template-columns: 1fr !important; } .service-list-grid { grid-template-columns: 1fr !important; } .flex-reverse { flex-direction: column-reverse; } .price-cta-component-flex-reverse { flex-direction: column-reverse; align-items: flex-start; } } @media (min-width: 512px) { .inner-box-padding { padding: 24px !important; } } @media (min-width: 782px) { .flex-row { gap: 48px; } .gap-content-layout { gap: 128px; } .inner-box-padding { padding: 32px !important; } .dreier-grid { grid-template-columns: 1fr 1fr !important; } .dreier-grid-tilted { grid-template-columns: 1fr 1fr !important; row-gap: 32px !important; column-gap: 32px !important; } .dreier-grid-tilted .rotatedBox { transform: rotate(-2deg); } } @media (min-width: 896px) { .flex-row { gap: 64px; } .icon-set-grid, .vierer-grid { grid-template-columns: 1fr 1fr !important; } } @media (min-width: 960px) { .flex-row { gap: 96px; } } @media (min-width: 1024px) { .flex-row { gap: 128px; } .vierer-grid { grid-template-columns: 1fr 1fr 1fr 1fr !important; column-gap: 64px !important; } .icon-set-grid { grid-template-columns: 1fr 1fr 1fr 1fr !important; } .checkmark-grid { column-gap: 48px !important; } .dreier-grid { grid-template-columns: 1fr 1fr 1fr !important; } .dreier-grid-tilted { grid-template-columns: 1fr 1fr 1fr !important; row-gap: 48px !important; column-gap: 48px !important; } .img-variant-3-first { right: 30%; } .img-variant-3-last { left: 30%; } .lineBreakIfDesktop { display: initial; } } @media (min-width: 1440px) { .checkmark-grid { column-gap: 64px !important; } } @media (max-width: 960px) { .checkmark-grid { grid-template-columns: 1fr !important; } }
/* navbar.css */
.website-navigation-header .navbar-cta { border: 1px solid var(--wp--preset--color--theme-footer-color) !important; border-radius: 8px !important; display: flex; align-items: center; justify-content: center; overflow: hidden !important; } .website-navigation-header .navbar-cta a { padding: 4px 16px !important; height: fit-content !important; min-height: 40px !important; max-height: 52px !important; display: flex; align-items: center; justify-content: center; transition: background-color 250ms; } .website-navigation-header .navbar-cta a:hover { background-color: var( --wp--preset--color--theme-section-accent-color-light ) !important; color: initial !important; } .admin-bar .primary-header-container { margin-top: 48px; } @media (min-width: 782px) { .admin-bar .primary-header-container { margin-top: 32px; } } .primary-header-container { position: fixed; top: 0; left: 0; right: 0; } .primary-header { position: absolute; top: 0; left: 0; right: 0; } .primary-navigation { position: relative; } .website-navigation-header li a { padding: 8px 0; } .website-header-transparent li a span { text-shadow: 0px 4px 24px rgba(0, 0, 0, 0.48); line-height: 160%; } .website-navigation-header-normal li a { height: 64px; display: flex !important; align-items: center; } .primary-navigation .current-menu-item a span { color: var(--wp--preset--color--theme-accent-color-text) !important; } .primary-navigation .wp-block-navigation-item__content span { transition: color 250ms; } .primary-navigation .wp-block-navigation-item__content:hover span { color: var(--wp--preset--color--theme-footer-link-hover-color) !important; } .website-navigation-header .wp-block-navigation__submenu-container { padding: 16px 16px 0; transform: translateX(-16px); border: 1px solid #e9eeff !important; border-top: 1px solid #eff3ff !important; border-radius: 0 0 8px 8px; } .website-navigation-header .wp-block-navigation__submenu-container li a { height: initial; padding: 12px 0; } @media (min-width: 1024px) { .primary-navigation { gap: 48px; } } @media (max-width: 860px) { .wp-block-navigation__responsive-container { display: none !important; } .wp-block-navigation__responsive-container.is-menu-open { display: block !important; } .wp-block-navigation__responsive-container-open { display: block !important; } .wp-block-navigation__responsive-container-close { display: block !important; } }
/* easyappointment.css */
iframe#easyappointment-iframe body { background-image: none !important; background-color: transparent !important; }
/* hero-varients.css */
.heroSectionSocialProof { display: flex; flex-direction: row; gap: 16px; align-items: center; } .hero-glas-header { backdrop-filter: blur(16px); background: linear-gradient( 110deg, rgb(255, 255, 255) 20%, rgba(255, 255, 255, 0) 0% ); box-shadow: 0px 2px 16px rgba(3, 7, 50, 0.12); } .heroSectionSocialProof figure.wp-block-image { min-height: 16px !important; max-height: 16px !important; height: 16px !important; display: flex; align-items: center; justify-content: center; width: fit-content; } .heroSectionSocialProof figure.wp-block-image picture { display: flex; } .heroSectionSocialProof figure.wp-block-image img { min-height: 16px !important; max-height: 16px !important; height: 16px !important; object-fit: contain; width: fit-content; } .hero-section-content-center-child { margin-top: 64px !important; } .hero-text-shadow-custom { text-shadow: 0px 4px 48px rgba(0, 0, 0, 0.64); } .hero-img-wrapper { width: 100%; max-width: 1280px; overflow: hidden; } .hero-img-container { width: 100%; max-width: 1280px; position: relative; height: 460px; } .hero-img { position: absolute; inset: 0; object-position: center; object-fit: cover; } .hero-img img { object-position: center; object-fit: cover; height: 100% !important; } .hero-varient-2 { position: relative; min-height: calc(95svh - 192px) !important; min-height: calc(var(--vh) * 100 - 256px) !important; } .hero-varient-2-content { position: relative; z-index: 2; } .hero-varient-2 figure { line-height: initial !important; } .hero-varient-2-img-wrapper::before { position: absolute; inset: 0; background: linear-gradient( 95deg, rgb(255, 255, 255) 45%, rgba(255, 255, 255, 0) 75% ); content: ""; z-index: 1; } .hero-varient-2-img-wrapper { position: absolute; inset: 0; } .hero-varient-2-img-container { width: 100%; position: relative; height: 100%; inset: 0; } @media (min-width: 782px) { .hero-section-var-1 { margin-top: 15svh !important; margin-top: calc(var(--vh) * 15) !important; min-height: 65svh !important; min-height: calc(var(--vh) * 65) !important; align-content: center; } .hero-section-var-3 { margin-top: 16svh !important; margin-top: calc(var(--vh) * 16) !important; } .hero-section-var-ratgeber { margin-top: 15svh !important; margin-top: calc(var(--vh) * 15) !important; } }
/* buttons-custom.css */
.purpleBtn .wp-block-button__link.wp-element-button { background-color: #5f1b9a; } .purpleBtn .wp-block-button__link.wp-element-button:hover { background-color: #4a0883; } .redBtn .wp-block-button__link.wp-element-button { background-color: #a41b1b; } .redBtn .wp-block-button__link.wp-element-button:hover { background-color: #760a0a; } .orangeBtn .wp-block-button__link.wp-element-button { background-color: #ca491f; } .orangeBtn .wp-block-button__link.wp-element-button:hover { background-color: #b8461f; } .button_leftAligned { align-items: flex-start; } @media (max-width: 396px) { .button-reverse { flex-direction: column-reverse !important; } }
/* faq-custom.css */
.wp-block-yoast-faq-block { display: flex; flex-direction: column; gap: 24px; } .wp-block-yoast-faq-block .schema-faq-section { display: flex; flex-direction: column; } .wp-block-yoast-faq-block .schema-faq-section:not(:last-child) { position: relative; padding-bottom: 24px; } .wp-block-yoast-faq-block .schema-faq-section:not(:last-child)::after { position: absolute; left: 0; right: 0; content: ""; background-color: var(--wp--preset--color--theme-section-accent-color-light); height: 1px; bottom: 0; opacity: 0.5; } .schema-faq-section.active { gap: 8px; } .wp-block-yoast-faq-block .schema-faq-question { font-size: 1.125rem; color: var(--wp--preset--color--theme-headline-color); font-weight: 500; display: flex; align-content: center; justify-content: space-between; gap: 16px; transition: color 250ms; padding-right: 24px; } .schema-faq-section.active .schema-faq-question { color: var(--wp--preset--color--theme-headline-highlight-color); } .wp-block-yoast-faq-block .schema-faq-answer { font-size: 1rem; color: var(--wp--preset--color--theme-text-color); } .wp-block-yoast-faq-block .schema-faq-answer { max-height: 0; overflow: hidden; transition: max-height 500ms ease, opacity 250ms ease; opacity: 0; } .wp-block-yoast-faq-block .schema-faq-section.active .schema-faq-answer { max-height: 520px; opacity: 1; } .wp-block-yoast-faq-block .schema-faq-question { cursor: pointer; position: relative; } .wp-block-yoast-faq-block .schema-faq-question::after { content: "+"; position: absolute; right: 0; transition: transform 500ms ease; } .wp-block-yoast-faq-block .schema-faq-section.active .schema-faq-question::after { content: "–"; }
/* brevo-custom.css */
#sib-container { padding: 0 !important; background: transparent !important; border: none !important; max-width: initial !important; width: 100% !important; } #sib-form-container { text-align: start !important; } .sib-form { padding: 0 !important; background: transparent !important; border: none !important; max-width: initial !important; width: 100% !important; } #sib-container div { padding: 0 !important; } #sib-container .sib-optin.sib-form-block { padding-left: 24px !important; padding-bottom: 16px !important; } #sib-container .sib-optin.sib-form-block p { font-size: 0.75rem !important; color: var(--wp--preset--color--theme-text-color-varient-2) !important; } #sib-container input, #sib-container label, #sib-container a, #sib-container button, #sib-container span, #sib-container p { font-family: "Archivo", sans-serif !important; } #sib-container button { background-color: var(--wp--preset--color--theme-cta-color) !important; color: white !important; padding: 0 32px !important; min-height: 48px !important; border: none !important; border-radius: 8px !important; cursor: pointer !important; font-size: 1rem !important; font-weight: 500 !important; } #sib-container button:hover { background-color: var(--wp--preset--color--theme-cta-color-hover) !important; }
/* packages-custom.css */
.packageComponent__package { max-width: 520px; width: 100%; height: initial; } .packageComponent__package_crossSale { max-width: 520px; width: 100%; height: initial; } .packageComponent__packages { display: flex; flex-direction: row; flex-wrap: wrap !important; width: 100%; height: 100%; align-items: stretch !important; justify-content: center; } .packageComponent__package .wp-block-buttons, .packageComponent__package .wp-block-button, .packageComponent__package_crossSale .wp-block-buttons, .packageComponent__package_crossSale .wp-block-button { width: 100%; } .packageComponent__package figure.wp-block-image { min-height: 20px !important; min-width: 20px !important; height: 20px !important; width: 20px !important; display: flex; align-items: center; justify-content: center; margin-top: 2px !important; } .packageComponent__package_wrapper { height: 100%; } @media (max-width: 460px) { .packageComponent__packageHeadline { font-size: 1.125rem !important; } } @media (min-width: 782px) { .packageComponent__package { min-height: 600px; } } @media (min-width: 1440px) { .packageComponent__packages { flex-wrap: initial !important; justify-content: center; } .packageComponent__package { min-height: 640px; } }
/* parallax.css */
.parallex-section-v2 { background-color: #0a0c14 !important; position: relative !important; min-height: 80lvh; min-height: calc(var(--vh) * 80); display: flex !important; align-items: center !important; justify-content: center !important; clip-path: inset( 0 0 0 0 ) !important; padding: 4rem 1rem !important; } .parallex-section-v2-text-content { position: relative !important; z-index: 2 !important; width: 100% !important; max-width: 900px !important; margin: 0 auto !important; } .parallex-section-v2-text-content p { font-size: clamp(1.75rem, 4vw + 1rem, 3rem) !important; text-shadow: 0px 4px 48px rgba(0, 0, 0, 0.64) !important; } .parallex-section-v2-img-container, .parallex-section-v2-img-elem, .parallex-section-v2-img-elem picture { position: absolute !important; inset: 0 !important; width: 100% !important; height: 100% !important; z-index: 1 !important; margin: 0 !important; padding: 0 !important; pointer-events: none !important; } .parallex-section-v2-img-elem img { position: fixed !important; top: 0 !important; left: 0 !important; width: 100vw !important; height: 100vh !important; object-fit: cover !important; object-position: center !important; pointer-events: none !important; } .parallex-section-v2-img-container::after { content: "" !important; position: absolute !important; inset: 0 !important; background-color: rgba(10, 12, 20, 0.6) !important; z-index: 1 !important; } .editor-styles-wrapper .parallex-section-v2-img-elem img, .block-editor-block-list__block .parallex-section-v2-img-elem img { position: absolute !important; width: 100% !important; height: 100% !important; }
/* lenis.css */
html.lenis, html.lenis body { height: auto; } .lenis:not(.lenis-autoToggle).lenis-stopped { overflow: clip; } .lenis [data-lenis-prevent], .lenis [data-lenis-prevent-wheel], .lenis [data-lenis-prevent-touch] { overscroll-behavior: contain; } .lenis.lenis-autoToggle { transition-property: overflow; transition-duration: 1ms; transition-behavior: allow-discrete; } html.lenis-smooth iframe { pointer-events: none !important; } html.lenis-scrolling iframe { pointer-events: none !important; }