/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/* Add your custom styles here */

.footer-info a,
.elementor-widget-text-editor a {
    color: #323E48 !important;
    text-decoration: underline !important;
}

.global-post-tags a {
    color: #fff !important;
    text-decoration: none !important;
}

.post-template-default.single .elementor-widget-container p a {
    color: #323E48 !important;
    text-decoration: underline !important;
}

.post-template-default.single .elementor-widget-theme-post-content a {
    color: #323E48 !important;
    text-decoration: underline !important;
}

a.opt-out-link {
    display: block;
    color: #323E48 !important;
    text-decoration: underline !important;
    margin-top: 20px;
}

.elementor-widget-container .CookieDeclaration a {
    color: #323E48 !important;
    text-decoration: underline !important;
}

.elementor-button {
    border-radius: 0px !important;
}


@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/opt/Gotham/gothamlight-webfont.woff2') format('woff2'),
        url('./fonts/opt/Gotham/gothamlight-webfont.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/opt/Gotham/gothambold-webfont.woff2') format('woff2'),
        url('./fonts/opt/Gotham/gothambold-webfont.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'AvancePro';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/opt/AvancePro/avancepro-webfont.woff2') format('woff2'),
        url('./fonts/opt/AvancePro/avancepro-webfont.woff') format('woff');
    font-display: swap;
}


@font-face {
    font-family: 'AvancePro';
    font-style: italic;
    font-weight: 400;
    src: url('./fonts/opt/AvancePro/avancepro-italic-webfont.woff2') format('woff2'),
        url('./fonts/opt/AvancePro/avancepro-italic-webfont.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'AvancePro';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/opt/AvancePro/avancepro-bold-webfont.woff2') format('woff2'),
        url('./fonts/opt/AvancePro/avancepro-bold-webfont.woff') format('woff');
    font-display: swap;
}

@font-face {
    font-family: 'AvancePro';
    font-style: italic;
    font-weight: 700;
    src: url('./fonts/opt/AvancePro/avancepro-bolditalic-webfont.woff2') format('woff2'),
        url('./fonts/opt/AvancePro/avancepro-bolditalic-webfont.woff') format('woff');
    font-display: swap;
}


/* @font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 300;
    src: url('./fonts/Gotham/GothamLight.eot');
    src: local(''),
        url('./fonts/Gotham/GothamLight.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Gotham/GothamLight.woff') format('woff'),
        url('./fonts/Gotham/GothamLight.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'Gotham';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/Gotham/GothamBold.eot');
    src: local(''),
        url('./fonts/Gotham/GothamBold.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Gotham/GothamBold.woff') format('woff'),
        url('./fonts/Gotham/GothamBold.ttf') format('truetype');
    font-display: swap;
}

@font-face {
    font-family: 'AvancePro';
    font-style: normal;
    font-weight: 400;
    src: url('./fonts/AvancePro/AvancePro.otf');
    font-display: swap;
}

@font-face {
    font-family: 'AvancePro';
    font-style: italic;
    font-weight: 400;
    src: url('./fonts/AvancePro/AvancePro-Italic.otf');
    font-display: swap;
}

@font-face {
    font-family: 'AvancePro';
    font-style: normal;
    font-weight: 700;
    src: url('./fonts/AvancePro/AvancePro-Bold.otf');
    font-display: swap;
}

@font-face {
    font-family: 'AvancePro';
    font-style: italic;
    font-weight: 700;
    src: url('./fonts/AvancePro/AvancePro-BoldItalic.otf');
    font-display: swap;
}
 */

.single-portfolio h1 {
    margin-bottom: 30px;
    font-family: var(--e-global-typography-9738a5d-font-family), Arial, Sans-serif;
    font-size: var(--e-global-typography-9738a5d-font-size);
    font-weight: var(--e-global-typography-9738a5d-font-weight);
    font-style: var(--e-global-typography-9738a5d-font-style);
    line-height: var(--e-global-typography-9738a5d-line-height);
}

.single-portfolio h2 {
    font-family: var(--e-global-typography-773d911-font-family), Arial, Sans-serif;
    font-size: var(--e-global-typography-773d911-font-size);
    font-weight: var(--e-global-typography-773d911-font-weight);
    font-style: var(--e-global-typography-773d911-font-style);
    line-height: var(--e-global-typography-773d911-line-height);
}

.single-portfolio h3 {
    font-family: var(--e-global-typography-e7e8b98-font-family), Arial, Sans-serif;
    font-size: var(--e-global-typography-e7e8b98-font-size);
    font-weight: var(--e-global-typography-e7e8b98-font-weight);
    font-style: var(--e-global-typography-e7e8b98-font-style);
    line-height: var(--e-global-typography-e7e8b98-line-height);
}

.single-portfolio h4 {
    font-family: var(--e-global-typography-02f7009-font-family), Arial, Sans-serif;
    font-size: var(--e-global-typography-02f7009-font-size);
    font-weight: var(--e-global-typography-02f7009-font-weight);
    font-style: var(--e-global-typography-02f7009-font-style);
    line-height: var(--e-global-typography-02f7009-line-height);
}

.single-portfolio h5 {
    font-family: var(--e-global-typography-662acd7-font-family), Arial, Sans-serif;
    font-size: var(--e-global-typography-662acd7-font-size);
    font-weight: var(--e-global-typography-662acd7-font-weight);
    font-style: var(--e-global-typography-662acd7-font-style);
    line-height: var(--e-global-typography-662acd7-line-height);
}




/*** ALLGEMEIN ***/
::selection {
    color: #fff;
    background: #323e48;
}

::-moz-selection {
    color: #fff;
    background: #323e48;
}

.elementor a:hover {
    color: #323E48;
}

@media only screen and (max-width: 500px) {
    .elementor a {
        overflow-wrap: break-word;
        word-break: break-word;
    }
}


/*** HEADER ***/
.top-header .main-nav.level-arrows-on>li.has-children>a .menu-text {
    padding-right: 15px;
}



.masthead #primary-menu .sub-nav a span:hover {
    font-weight: bold !important;
}

/*** FOOTER ***/
.footer .widget a {
    text-decoration: none;
}

.footer .widget a:hover {
    text-decoration: none;
}

.footer-info {
    font-size: 19px;
    font-family: 'Gotham';
}

body {
    overflow-x: hidden;
}

@media only screen and (max-width: 768px) {
    .footer-info .break {
        display: block;
    }

    .contact-info .break {
        display: block;
    }

    .footer-info {
        font-size: 15px;
    }

    .footer-info .space {
        margin-top: 10px;
        display: block;
    }

}



/* Bottom bar */
#bottom-bar .bottom-bar-icon-link:hover i,
#bottom-bar .bottom-bar-icon-link:hover a {
    color: var(--the7-accent-color);
    text-decoration: none;
}

/*** WOOCOMMERCE ***/
/* KASSE */
form.woocommerce-checkout .form-row label,
.woocommerce-MyAccount-content .form-row label {
    text-transform: none;
    font-size: 13px;
    line-height: 22px;
}

#createaccount_dsgvo_field span {
    font-size: 13px;
    line-height: 22px;
    font-weight: normal;
}

/* WARENKORB */
.shopping-cart-inner {
    background: #ffffff;
}

/* MEIN KONTO */
#german_market_privacy_declaration {
    margin-right: 5px;
}

#german_market_privacy_declaration_field label.woocommerce-form__label-for-checkbox {
    margin-left: 0 !important;
}

.woocommerce-MyAccount-content a:hover {
    text-decoration: none;
    color: #000;
}

table.order_details .product-total>.woocommerce-Price-amount {
    padding-right: 5px;
}

table.order_details tfoot td>.woocommerce-Price-amount {
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bold;
}

.showcoupon-tag,
.showlogin-tag,
#ship-to-different-address,
.order_details td {
    color: var(--e-global-color-the7_content_primary_text_color);
}

.elementor-gallery-item[data-elementor-lightbox-title='innpuls-video-placeholder'] {
    pointer-events: none !important;
}

.elementor-background-video-embed {
    max-width: 100% !important;
}



/*Anpassung box-shadow header*/
.sub-nav {

    box-shadow: none;

}


.sub-nav.right-overflow {
    left: 0 !important;
}

.custom-project-wrapper h2 {
    hyphens: auto;
}


.iso-filter {
    display: none !important;
}

.dt-isotope img,
.elementor-posts-container img {
    display: block;
}

.dt-isotope {
    -webkit-animation: none !important;
    animation: none !important;
}

@media (max-width: 767px) {

    .portfolio-shortcode.the7-elementor-widget .iso-container {
        display: block !important;
        height: auto !important;
    }

    .portfolio-shortcode.the7-elementor-widget .iso-item {
        position: static !important;
        width: 100% !important;
        left: auto !important;
        top: auto !important;
        margin-bottom: 5px;
    }

    .portfolio-shortcode.the7-elementor-widget.iso-item-ready {
        transform: none !important;
    }
}



/* ---------------- Projekt Nav -------------------*/

.sticky-nav-container:hover {
    background: #FFE500;
}


.sticky-nav-container {
    position: fixed;
    top: 20%;
    left: -350px;
    width: 425px;
    max-width: 95%;
    background: #fff;
    color: var(--e-global-color-primary);
    transition: left 0.8s ease;
    z-index: 98;
    display: flex;
    overflow: hidden;
}

.sticky-nav-container.position-right {
    right: -375px;
    left: unset;
    transition: right 0.8s ease;
}

.sticky-nav-container.open {
    left: 5%;
}

.sticky-nav-container.position-right.open {
    right: 5%;
    left: unset;
}

.custom-project-nav-wrapper {
    overflow: hidden;
    padding: 50px 15px 50px 15px;
}


.toggle-nav-wrapper {
    width: 50px;
    writing-mode: vertical-rl;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}



.project-nav-terms {
    margin-top: 30px;
    display: flex;
    flex-flow: wrap;
    gap: 0px;
}

.project-nav-terms .term-filter-item {
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-4cf5f8f-font-family), Arial, Sans-serif;
    font-size: var(--e-global-typography-4cf5f8f-font-size);
    text-transform: var(--e-global-typography-4cf5f8f-text-transform);
    font-style: var(--e-global-typography-4cf5f8f-font-style);
    line-height: var(--e-global-typography-4cf5f8f-line-height);
    letter-spacing: var(--e-global-typography-4cf5f8f-letter-spacing);
    word-spacing: var(--e-global-typography-4cf5f8f-word-spacing);
    padding: 5px;
    cursor: pointer;
}

.project-nav-cats {
    display: flex;
    flex-direction: column;
}

.project-nav-cats .cat-filter-item {
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-ee90eef-font-family), Arial, Sans-serif;
    font-size: var(--e-global-typography-ee90eef-font-size);
    font-weight: var(--e-global-typography-ee90eef-font-weight);
    line-height: var(--e-global-typography-ee90eef-line-height);
    letter-spacing: var(--e-global-typography-ee90eef-letter-spacing);
    word-spacing: var(--e-global-typography-ee90eef-word-spacing);

    margin-bottom: 10px;
    padding: 10px;
    cursor: pointer;
}

.project-nav-cats .cat-filter-item:hover {
    font-weight: bold;
}

.project-nav-cats .cat-filter-item.active {
    font-weight: bold;
}

.project-nav-terms .term-filter-item:hover {
    font-weight: bold;
}

.project-nav-terms .term-filter-item.active {
    font-weight: bold;
}

.sticky-nav-container .toggle-nav-btn {
    color: var(--e-global-color-primary);
    font-family: var(--e-global-typography-45ecdf7-font-family), Arial, Sans-serif;
    font-size: var(--e-global-typography-45ecdf7-font-size);
    line-height: var(--e-global-typography-45ecdf7-line-height);
    letter-spacing: var(--e-global-typography-45ecdf7-letter-spacing);
    word-spacing: var(--e-global-typography-45ecdf7-word-spacing);

    z-index: 999999;
    cursor: pointer;

    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .sticky-nav-container {
        left: -260px;
        width: 310px;

    }

    .sticky-nav-container.open {
        left: 5px;
    }

    .sticky-nav-container.position-right {
        right: -260px;
        left: unset;
    }

    .sticky-nav-container.position-right.open {
        right: 5px;
        left: unset;
    }

    .project-nav-cats .cat-filter-item {
        margin-bottom: 2px;
        padding: 2px;
        padding-bottom: 5px;
        padding-top: 5px;
    }

    .project-nav-terms .term-filter-item {
        padding-top: 2px;
        padding-bottom: 2px;
    }
}

#project-wrapper-tags {
    display: none;
}

.transition-hide {
    display: block;
    opacity: 0;
    transition: opacity 0.5s ease-out;
}

.transition-show {
    display: block;
    opacity: 1;
    transition: opacity 0.5s ease-in;
}

.hidden {
    display: none;
}


.dynamic-color-section .elementor-column.in-viewport:nth-of-type(1)>.elementor-widget-wrap {
    background-color: #00CDFF;
}

.dynamic-color-section .elementor-column.in-viewport:nth-of-type(2)>.elementor-widget-wrap {
    background-color: #FF4B93;
}

.dynamic-color-section .elementor-column.in-viewport:nth-of-type(3)>.elementor-widget-wrap {
    background-color: #FFE500;
}

/* ---------------- Instagram -------------------*/

#rev_slider_6_1_wrapper rs-slide>rs-sbg-px {
    z-index: 4;
}

#rev_slider_6_1_wrapper .blur-image-overlay {
    filter: blur(4px);
    z-index: 3 !important;
    transform: scale(1.5);
}


/*#rrzt_6{
    bottom:0;
    top:unset!important;
}*/


.jobs-akkordeon .elementor-tab-title {
    line-height: 45px;
}

/*body {
    -webkit-transform: translate3d(0, 0, 0);
}*/


.test {
    will-change: auto;
}


.single-portfolio .post-entry-content .box-button {
    background-color: #00CDFF !important;
}

.single-portfolio .post-entry-content .box-button:hover {
    background-color: #FF4B93 !important;
}

.mobile-main-nav>li>a {
    padding: 25px 25px 25px 0;
}

.white-bg iframe.elementor-video-iframe {
    background-color: #fff !important;
}

.portfolio-header-text span,
.global-post-tags a,
.portfolio-header-text span {
    width: fit-content;
    background-color: #323e48;
    color: #fff;
    line-height: 32px;
    padding: 0 5px;
}

.portfolio-header-text .customer-name {
    font-size: 32px;
}

.portfolio-header-text a {
    font-weight: bold;
    color: #fff;
}

.global-post-tags a:hover {
    color: #fff;
}

.category-slider-item {
    position: relative;
    overflow: hidden;
}

.category-slider-item img {
    position: relative;
    aspect-ratio: 1;
    object-fit: cover;
    transition: transform 0.2s ease-in-out;
}

.category-slider-item:hover img {
    transform: scale(1.2);
}

.category-slider-item .category-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    opacity: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;
    transform: translate(-50%, -50%) scale(0);
    transition: transform 0.2s ease-out, opacity 0.2s ease-out;
    font-family: var(--e-global-typography-79c7e6c-font-family), Arial, Sans-serif;
}

.category-slider-item:hover .category-overlay {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}

.category-slider-item .category-overlay h3 {
    text-align: center;
}

.category-slider-item .category-overlay h3 a {
    color: #fff;
    background-color: #323e48;
    padding: 0 5px;
    width: fit-content;
}

.category-slider-item .portfolio-categories {
    color: #fff;
    background-color: #323e48;
    padding: 0 5px;
    width: fit-content;
    margin-bottom: 15px;
    line-height: 2;
}

.category-slider-item .portfolio-categories:hover {
    color: #fff;
}

.category-slider-item .category-overlay .elementor-button {
    font-size: 30px;
    line-height: 35px;
    background-color: #00cdff;
}

.category-slider-item .category-overlay .elementor-button:hover {
    color: #fff;
    background-color: #ff4b93;
}

@media(max-width:1000px) {

    .category-slider-item:hover .category-overlay {
        opacity: 1 !important;
    }

    .category-slider-item .category-overlay .elementor-button {
        position: absolute;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.portfolio-tax-slider-title {
    font-weight: bold !important;
    color: var(--e-global-color-primary)bold !important;
    margin-bottom: 25pxbold !important;
}

.portfolio-tax-slider .owl-nav {
    opacity: 0;
    display: block !important;
}

.portfolio-tax-slider:hover .owl-nav {
    opacity: 1;
}

.portfolio-tax-slider .owl-nav .owl-prev,
.portfolio-tax-slider .owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
}

.portfolio-tax-slider .owl-prev {
    left: -50px;
}

.portfolio-tax-slider .owl-next {
    right: -50px;
}

.portfolio-tax-slider .owl-nav i {
    background-color: #323e48;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    line-height: 1;
    text-align: center;
    margin: 0;
    padding: 0;
}

/* Owl Carousel Navigation Icons */
.portfolio-tax-slider .owl-nav i,
.portfolio-customer-slider .owl-nav i {
    font-size: 20px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-style: normal;
    font-weight: normal;
    color: #fff;
}


.portfolio-customer-slider.carousel-no-nav .owl-nav,
.portfolio-customer-slider.carousel-no-nav .owl-nav:hover {
    display: none !important;
}


@media(max-width:1200px) {
    .portfolio-tax-slider .owl-nav {
        display: none !important;
        opacity: 0 !important;
    }
}

.design-leistungen-box {
    box-shadow: 7px 8px 5px 0px rgba(0, 0, 0, 0.14);
    -webkit-box-shadow: 7px 8px 5px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow: 7px 8px 5px 0px rgba(0, 0, 0, 0.14);
}

.single-projekt .elementor-location-single h1 {
    color: var(--e-global-color-primary);
    hyphens: auto;
}

.single-projekt .elementor-location-single h2 {
    font-family: var(--e-global-typography-773d911-font-family), Arial, Sans-serif;
    font-size: var(--e-global-typography-773d911-font-size);
    font-weight: var(--e-global-typography-773d911-font-weight);
    line-height: var(--e-global-typography-773d911-line-height);
    color: var(--e-global-color-primary);
}

.single-projekt .elementor-location-single p {
    font-family: var(--e-global-typography-79c7e6c-font-family), Arial, Sans-serif;
    font-weight: var(--e-global-typography-79c7e6c-font-weight);
    letter-spacing: var(--e-global-typography-79c7e6c-letter-spacing);
}

.single-projekt .elementor-location-single {
    color: var(--e-global-color-primary);
}

.project-video-description,
.project-video-description p,
.project-video-description span {
    color: var(--e-global-color-primary) !important;
}

.project-single-main {
    position: relative;
    overflow: hidden;
}

.project-single-wrapper {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4);
    overflow: hidden;
    z-index: 2;
}

.project-single-wrapper:hover {
    background: rgba(0, 0, 0, 0.7);
}

.project-single-wrapper:hover .project-single-description {
    opacity: 1;
}


.project-single-wrapper .project-single-description {
    font-family: "Gotham", Arial, Sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
}

.project-single-description {
    opacity: 0;
}

.project-single-content {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 1.2em;
    color: #fff;
    transform: translateY(60%);
    transition: transform 0.4s ease-in-out;
    display: flex;
    flex-direction: column;
    gap: 0.5em;
}

.project-single-header {
    margin-bottom: 20px !important;
}

.project-title {
    z-index: 3;
}

.project-excerpt,
.read-more {
    opacity: 0;
    transition: opacity 0.3s ease;
}

.project-single-wrapper:hover .project-single-content {
    transform: translateY(0);
}

.project-single-wrapper:hover .project-excerpt,
.project-single-wrapper:hover .read-more {
    opacity: 1;
}

.projekt-template-default {
    overflow-x: hidden;
}

.team-slider .elementor-testimonial__image {
    overflow: hidden;
}

.team-slider .elementor-testimonial__image img {
    transition: transform .25s ease-out, opacity .3s ease-out;
}

.team-slider .elementor-testimonial__image:hover img {
    transform: scale(1.2);
    transition: transform .25s ease-out, opacity .3s ease-out;
}

/*
.team-slider .swiper-slide:hover {
    background-color: #00CDFF !important;
}
*/
.team-slider .elementor-testimonial__content {
    text-align: left;
    width: 500px;
    margin: 0 auto;
}

@media(max-width:767px) {
    .project-single-main img {
        aspect-ratio: 7/5;
        object-fit: cover;
    }
}

/* -----HEADER----- */

.main-menu .elementor-nav-menu--dropdown {
    padding: 25px !important;
}

.main-menu .elementor-nav-menu--dropdown li a {
    line-height: 1
}

.main-menu .sub-menu .menu-text:hover {
    font-weight: bold !important;
}

ul.elementor-nav-menu--dropdown a {
    border-inline-start: none !important;
}

.mobile-menu .menu-text {
    line-height: 1.3;
}

.mobile-menu .menu-item-has-children ul li .menu-text {
    font-size: 24px;
}

.mobile-menu .menu-item-has-children .sub-arrow {
    fill: rgba(51, 51, 51, 0.17);
    font-size: 15px;
    margin: auto;
    max-height: 20px !important;
    margin-left: 20px !important;
}

.mobile-menu .menu-item-has-children .has-submenu.highlighted .sub-arrow i {
    transform: rotate(45deg);
    transition: transform 0.3s ease;
}

.mobile-menu .menu-item-has-children:hover .sub-arrow {
    fill: #00e6ff;
}

.mobile-menu .menu-item-has-children .has-submenu .sub-arrow:after {
    content: '+';
    font-size: 30px;
}

.mobile-menu .menu-item-has-children .has-submenu.highlighted .sub-arrow:after {
    content: '-';
    font-size: 30px;
}

.services-menu-item .sub-menu {
    min-width: 390px !important;
    padding-left: 25px;
}

/* -----HEADER-END----- */


/* -----BLOG---------- */

.single-post h2:not(:first-of-type) {
    padding-top: 20px;
}

.single-post h2 {
    margin-bottom: 0;
}

.single-post h2 {
    font-family: var(--e-global-typography-773d911-font-family), Arial, Sans-serif;
    font-size: var(--e-global-typography-773d911-font-size);
    font-weight: var(--e-global-typography-773d911-font-weight);
    line-height: var(--e-global-typography-773d911-line-height);
    color: var(--e-global-color-primary);
}

.single-post h3 {
    margin-bottom: 10px;
    padding-top: 20px;
}

.single-post .elementor-location-single p {
    font-family: var(--e-global-typography-79c7e6c-font-family), Arial, Sans-serif;
    font-weight: var(--e-global-typography-79c7e6c-font-weight);
    letter-spacing: var(--e-global-typography-79c7e6c-letter-spacing);
}


/* -----BLOG-END----- */

/* -- SEARCH RESULTS -- */

.search-results h2,
.search-results h2 a {
    font-family: "Gotham", Arial, Sans-serif;
    font-size: 50px;
    font-weight: 700;
    line-height: 75px;
    color: var(--e-global-color-primary);
}

.search-results p {
    font-family: "AvancePro", Arial, Sans-serif;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: var(--e-global-color-text);
    margin-top: 20px;
    margin-bottom: 20px;
}

.elementor-button:hover:focus-visible {
    outline: none !important;
}

.elementor-form .elementor-message-success {
    text-align: center;
    font-family: "AvancePro", Arial, Sans-serif;
    font-weight: 400;
    letter-spacing: 0.5px;
    color: var(--e-global-color-text);
    font-size: 30px;
    margin-top: 30px;
    margin-bottom: 30px;
}

.projekte-masonry .e-loop-item::after {
    content: '';
    width: 100%;
    background-color: #fff;
    height: 20px;
    position: absolute;
    display: block;
}

.hidden-term-item {
    opacity: 0;
    width: 0px;
    height: 0px;
    padding: 0px !important;
    pointer-events: none;
}

.portfolio-tax-slider-container {
    margin-top: 50px;
    margin-bottom: 50px;
}

@media(max-width:768px) {

    .page-id-4610 .blog-loop-grid .project-single-wrapper:hover .elementor-widget-heading,
    .page-id-4610 .blog-loop-grid .project-single-wrapper:focus-within .elementor-widget-heading,
    .page-id-4610 .blog-loop-grid .project-single-wrapper:active .elementor-widget-heading {
        opacity: 0;
    }

    .portfolio-tax-slider-container {
        margin-top: 30px;
        margin-bottom: 30px;
    }
}


/* LP - PRODUKTVIDEO */

.page-id-22503 {
    color: #323e48;
}

/* LP - PRODUKTVIDEO-END */

/* LP - WEBSITES */

.page-id-22993 {
    color: #323e48;
}

.websites-varianten-video {
    aspect-ratio: 16 / 9;
}

@media(max-width:1024px) {

    .websites-varianten-item:hover {
        background-color: transparent !important;
    }
}

/* LP - WEBSITES-END */


/* LP - FULL-SERVICE-AGENTUR */

.page-id-22432 {
    color: #323e48;
}

.fsa-leistungen {
    list-style: none;
    text-align: left;
    text-align: left;
    margin: 0 auto;
    width: fit-content;
}

.fsa-leistungen li {
    position: relative;
    padding-left: 25px;
}

.fsa-leistungen li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 6px;
    width: 1em;
    height: 1em;
    background: currentColor;
    /* inherits text color */
    -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z'/%3E%3C/svg%3E") no-repeat center / contain;
    mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'%3E%3Cpath d='M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z'/%3E%3C/svg%3E") no-repeat center / contain;
}

.fsa-design .elementor-flip-box__layer__title {
    background-color: #ffe500;
}

.fsa-strategie .elementor-flip-box__front,
.fsa-online-marketing .elementor-flip-box__front {
    overflow-x: hidden;
}

.fsa-strategie .elementor-flip-box__image {
    position: absolute;
    width: 50%;
    top: 10px;
    right: -14%;
}

.fsa-online-marketing .elementor-flip-box__image {
    position: absolute;
    width: 50%;
    top: 10px;
    right: -19%;
}




/* Base */
.mobile-flip-box .elementor-flip-box {
    transform: rotateX(0);
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

@media(max-width:767px) {
    .mobile-flip-box .elementor-flip-box {
        pointer-events: none !important;
    }
}

/* Play the forward flip (0 -> 180deg) */
.mobile-flip-box.flip-in .elementor-flip-box {
    animation: flipInX 0.6s ease forwards;
}

/* Play the backward flip (180deg -> 0) */
.mobile-flip-box.flip-out .elementor-flip-box {
    animation: flipOutX 0.6s ease forwards;
}

/* If you use a vertical flip in Elementor, add flip-vertical to the widget */
@keyframes flipInX {
    from {
        transform: rotateX(0);
    }

    to {
        transform: rotateX(180deg);
    }
}

@keyframes flipOutX {
    from {
        transform: rotateX(180deg);
    }

    to {
        transform: rotateX(0);
    }
}

/* LP - FULL-SERVICE-AGENTUR-END */

.elementor-field-group-field_b37688e {
    margin-top: 20px;
}

.elementor-field-group-field_b37688e label {
    padding-left: 10px;
}


.crt-carousel-pane {
    padding: 5px;
}

.side-menu .sm-item {
    box-shadow: 0px 0px 15px 10px #0000000a;
}

.page-id-3244 .side-menu {
    display: none;
}

body.e-off-canvas__no-scroll .side-menu {
    opacity: 0;
    transition: 0.5s;
    pointer-events: none;
}


.ahs .ahs-container {
    position: fixed !important;
    right: 0;
    top: calc(50% - 127px) !important;
    z-index: 10001;
    transition: right .4s ease-in-out;
}

.ahs.is-hidden .ahs-container {
    right: calc((40px + 10px) * -1);

}

.ahs.is-hidden .ahs-container {
    transform: translateX(100%);
}

.ahs .ahs-trigger {
    align-self: flex-start;
}

.ahs .ahs-panel {
    max-height: 60vh !important;
}

@media(max-width: 768px) {

    .ahs-container {
        top: calc(50% - 107px) !important;
    }

    .ahs-trigger {
        padding: 10px !important;
    }

    .ahs .ahs-container-open .ahs-panel {
        width: 400px !important;

    }
}

@media(min-width:767px) {
    .br-only-mobile {
        display: none;
    }
}

.lp-kmu-h1 {
    display: flex;
    flex-direction: column;
}

@media(max-width:767px){
    .lp-kmu-h1 span{
        padding-top:10px;
    } 
}