/*
Theme Name: Agentur77
Theme URI: https://agentur77.de
Description: Agentur-77 Theme
Author: Alex
Version: 2.0
Screenshot: screenshot.jpg
Template: hello-elementor
*/
/* ------------------------------- Elementor Variablen ------------------------------ */
:root {
  --lh-heading-xxl: clamp(2.875rem, calc(2.223rem + 3.261vw), 4.75rem);
  --lh-heading-xl: clamp(2.5rem, calc(2.152rem + 1.739vw), 3.5rem);
  --lh-heading-l: clamp(2.125rem, calc(1.864rem + 1.304vw), 2.875rem);
  --lh-heading-m: clamp(1.5rem, calc(1.326rem + 0.87vw), 2rem);
  --lh-text: clamp(1.375rem, calc(1.331rem + 0.217vw), 1.5rem);
}


h1,
h2,
h3, 
h4{
  color: black !important;
}


/* ------------------------------- Elementor Klassen ------------------------------ */
.heading-xxl {
  line-height: var(--lh-heading-xxl);
}
.heading-xl {
  line-height: var(--lh-heading-xl);
}
.heading-l {
  line-height: var(--lh-heading-l);
}
.heading-m {
  line-height: var(--lh-heading-m);
}
.text {
  line-height: var(--lh-text);
}

/* ---------------------------- ANCHOR Navigation --------------------------- */
/* dropdown animation */
.main-menu .elementor-nav-menu--main .sub-menu {
    display: block !important;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transform: translateY(-15px);
    transition:
        opacity .3s ease,
        transform .3s ease,
        visibility .3s ease;
}

.main-menu .elementor-nav-menu--main .menu-item-has-children:hover > .sub-menu {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translateY(0);
}
/*dropdown arrow */
.main-menu span.sub-arrow{
  padding: 0 2px!important;
   i{
        font-size: 1.1em!important;
   }
}
/* Mobile Offcanvas Menü */
.offcanvas-wrapper .elementor-nav-menu .menu-item-has-children > a {
    padding-right: 50px;
    position: relative;
}

.offcanvas-wrapper .elementor-nav-menu .sub-arrow {
    position: absolute;
    right: 5px;
    top: auto;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid var(--color-primary);
    display: flex;
    justify-content: center;
    align-items: center;
    i{
        font-size: 1.5em !important;
        position: relative;
        top: 2px !important;
    }
  }


.elementor-counter-number-suffix{
    color: #e8e100;
}

.leaflet-map .leaflet-tile-pane {
    filter: grayscale(100%);
}
.leaflet-map {
    height: 100vh !important;
    max-height: 619px;
}