/* 
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 */

/* Navigation */

.fa_nav span.sub-arrow {
    display: none;
}

.fa_header {
    width: 100%;
}

header.elementor-location-header {
    position: absolute;
    width: 100%;
}

.fa_nav a.elementor-item {
    text-transform: none;
    font-size: 18px;
}

.fa_nav {
  width: 100%;
  max-width: 1440px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 2rem;
  padding-right: 2rem;
  box-sizing: border-box;
}

.fa_nav .e-con-inner, .fa_nav .nav_interaction-item, .fa_nav .fa_nav-content, .fa_nav .nav_interaction, .fa_nav .fa_nav-logo {
    width: fit-content;
}

.fa_nav .e-con-inner:first-child {
    margin: unset;
    width: 100%;
}

.fa_nav .fa_nav-content {
    gap: 4rem;
}

.fa_nav .nav_interaction {
    justify-content: end;
}




/* mobile nav */

@media (max-width: 1500px) {
  header > .elementor-element:first-child {
    padding-left: 2.5rem;
    padding-right: 2.5rem;
  }
}

@media (max-width: 1359px) {
    .nav_interaction .nav_interaction-item:nth-child(-n+2) {
        display: none;
    }
}

.elementor-menu-toggle svg,
.elementor-menu-toggle svg path {
    fill: #fff !important;
}

 @media (max-width: 1180px) {

    .fa_nav a {
        color: #6b6760 !important;
    }

    nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
        position: fixed !important;
        left: 0 !important;
        right: 0 !important;
        width: 100% !important;
        top: 6rem !important;
        border-radius: 1rem !important;
        background: rgb(255, 255, 255) !important;
    }

    .fa_nav .elementor-nav-menu--dropdown li:not(:last-child) {
        border-bottom: 1px solid #f0f0f1 !important;
    }

    .fa_nav ul.elementor-nav-menu--dropdown {
        background: transparent !important;
    }

    .fa_nav .elementor-nav-menu--dropdown a:hover,
    .fa_nav .elementor-nav-menu--dropdown a.elementor-item-active {
        background-color: transparent !important;
        color: var(--e-global-color-accent) !important;
    }

    .fa_header .elementor-nav-menu li {
        padding: 0 2rem;
    }

    .elementor-menu-toggle {
        color: #fff !important;
    }

    .fa_nav svg.elementor-menu-toggle__icon--open.e-font-icon-svg.e-eicon-menu-bar {
        vertical-align: -webkit-baseline-middle !important;
    }

    .fa_nav-content .elementor-menu-toggle {
        display: flex !important;
    }


    /* Startseite */

    .fa_heroshot > .e-con-inner:first-child {
        flex-direction: column-reverse;
    }

    .fa_heroshot .fa_img {
        width: 100%;
    }

    .fa_heroshot .fa_img img {
        aspect-ratio: 16 / 9;
        object-fit: cover;
    }

}




@media (max-width: 769px) {
  .fa_heroshot .fo_usp-banner {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 690px) {
    .fa_nav .nav_interaction-item {
        display: none;
    }
    .fa_nav .fa_nav-content {
        gap: unset;
    }
    header > .elementor-element:first-child {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    #heroshot.fa_heroshot .fa_img img {
        aspect-ratio: 1 / 1;
    }
}


/* icons */

.fa_usp-banner .fa_icon, .fa_container .fa_icon {
    width: fit-content;
}

.fa_icon .elementor-icon-wrapper {
    display: flex;
}

.fa_nav {
    backdrop-filter: blur(10.05px);
}


/* pill-tag */

.fa_pill-tag {
    width: fit-content;
    background: #ef7d00;
    padding: .5rem 1rem;
    border-radius: 99rem;
}


/* fa_dark-icons */

.fa_icon-black {
    aspect-ratio: 1 / 1;
    width: fit-content;
    align-self: center;
}

.fa_icon-black .elementor-icon {
    display: flex;
}

/* Startseite */

.fo_usp-banner {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 1rem;
}

@media (min-width: 1181px) and (max-width: 1400px) {
  .fo_usp-banner {
    grid-template-columns: repeat(2, 1fr);
  }
}