.elementor-kit-4{--e-global-color-primary:#296927;--e-global-color-secondary:#FFFFFF;--e-global-color-text:#272416;--e-global-color-accent:#32992E;--e-global-color-heller_link:#296927;--e-global-color-dunkel_link:#32992E;--e-global-color-transparent:#FFFFFF00;--e-global-typography-primary-font-family:"Lato";--e-global-typography-primary-font-size:clamp(1.3rem, 1.5vw + 0.5rem, 2rem);--e-global-typography-primary-font-weight:bold;--e-global-typography-primary-line-height:1.2em;--e-global-typography-secondary-font-family:"Lato";--e-global-typography-secondary-font-size:clamp(1rem, 1vw + 0.5rem, 1.5rem);--e-global-typography-secondary-font-weight:600;--e-global-typography-secondary-line-height:1.2em;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-size:clamp(0.875rem, 0.75vw + 0.375rem, 1.125rem);--e-global-typography-text-font-weight:400;--e-global-typography-text-line-height:1.5em;--e-global-typography-accent-font-family:"Lato";--e-global-typography-accent-font-size:clamp(0.875rem, 0.75vw + 0.375rem, 1.125rem);--e-global-typography-accent-font-weight:700;--e-global-typography-accent-line-height:1.5em;--e-global-typography-7f5c0fc-font-family:"Lato";--e-global-typography-7f5c0fc-font-size:clamp(1rem, 1vw + 0.25rem, 1.25rem);--e-global-typography-7f5c0fc-font-weight:700;--e-global-typography-7f5c0fc-line-height:1.2em;--e-global-typography-ce3988c-font-family:"Lato";--e-global-typography-ce3988c-font-size:clamp(1.5rem, 2vw + 1rem, 2.3rem);--e-global-typography-ce3988c-font-weight:bold;--e-global-typography-ce3988c-line-height:1.2em;--e-global-typography-8034c45-font-family:"Lato";--e-global-typography-8034c45-font-size:clamp(0.875rem, 0.75vw + 0.375rem, 1.125rem);--e-global-typography-8034c45-font-weight:700;--e-global-typography-8034c45-line-height:1.5em;--e-global-typography-c9098a5-font-family:"Lato";--e-global-typography-c9098a5-font-size:clamp(0.75rem, 0.5vw + 0.25rem, 1rem);--e-global-typography-c9098a5-font-style:normal;--e-global-typography-c9098a5-line-height:1.5em;--e-global-typography-9acabff-font-family:"Lato";--e-global-typography-9acabff-font-size:clamp(0.875rem, 0.75vw + 0.375rem, 1.125rem);--e-global-typography-9acabff-font-weight:bold;--e-global-typography-9acabff-line-height:1.5em;color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{background-color:var( --e-global-color-secondary );font-family:var( --e-global-typography-9acabff-font-family ), Sans-serif;font-size:var( --e-global-typography-9acabff-font-size );font-weight:var( --e-global-typography-9acabff-font-weight );line-height:var( --e-global-typography-9acabff-line-height );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-secondary );border-radius:50px 50px 50px 50px;}.elementor-kit-4 button:hover,.elementor-kit-4 button:focus,.elementor-kit-4 input[type="button"]:hover,.elementor-kit-4 input[type="button"]:focus,.elementor-kit-4 input[type="submit"]:hover,.elementor-kit-4 input[type="submit"]:focus,.elementor-kit-4 .elementor-button:hover,.elementor-kit-4 .elementor-button:focus{background-color:var( --e-global-color-transparent );color:var( --e-global-color-text );border-style:solid;border-width:1px 1px 1px 1px;}.elementor-kit-4 e-page-transition{background-color:#FFBC7D;}.elementor-kit-4 a{color:var( --e-global-color-text );}.elementor-kit-4 h1{color:var( --e-global-color-text );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-4 h2{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-4 h3{color:var( --e-global-color-text );font-family:var( --e-global-typography-7f5c0fc-font-family ), Sans-serif;font-size:var( --e-global-typography-7f5c0fc-font-size );font-weight:var( --e-global-typography-7f5c0fc-font-weight );line-height:var( --e-global-typography-7f5c0fc-line-height );}.elementor-kit-4 h4{color:var( --e-global-color-text );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;--container-default-padding-top:0px;--container-default-padding-right:0px;--container-default-padding-bottom:0px;--container-default-padding-left:0px;}.elementor-widget:not(:last-child){margin-block-end:clamp(0.75rem, 5vw, 1.5rem);}.elementor-element{--widgets-spacing:clamp(0.75rem, 5vw, 1.5rem) clamp(0.75rem, 5vw, 1.5rem);--widgets-spacing-row:clamp(0.75rem, 5vw, 1.5rem);--widgets-spacing-column:clamp(0.75rem, 5vw, 1.5rem);}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-kit-4{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-4 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-4 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-4 h3{font-size:var( --e-global-typography-7f5c0fc-font-size );line-height:var( --e-global-typography-7f5c0fc-line-height );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-9acabff-font-size );line-height:var( --e-global-typography-9acabff-line-height );padding:8px 16px 8px 16px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:calc(100vw - 40px);}.e-con{--container-max-width:calc(100vw - 40px);}}@media(max-width:767px){.elementor-kit-4{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-kit-4 h1{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-kit-4 h2{font-size:var( --e-global-typography-secondary-font-size );line-height:var( --e-global-typography-secondary-line-height );}.elementor-kit-4 h3{font-size:var( --e-global-typography-7f5c0fc-font-size );line-height:var( --e-global-typography-7f5c0fc-line-height );}.elementor-kit-4 button,.elementor-kit-4 input[type="button"],.elementor-kit-4 input[type="submit"],.elementor-kit-4 .elementor-button{font-size:var( --e-global-typography-9acabff-font-size );line-height:var( --e-global-typography-9acabff-line-height );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:calc(100vw - 40px);}.e-con{--container-max-width:calc(100vw - 40px);}}/* Start custom CSS *//*setzt auf Startseite Slider Punkte in die Mitte*/

.jet-slick-dots {
    max-width: 100%;
    margin: 0 auto;
}


/*Projektbilder im 3 zu 4 Seitenverhältnis*/

.ratio3zu4 {
    aspect-ratio: 3/4; 
}

@media (max-width: 767px) {
    .ratio3zu4 {
        aspect-ratio: auto; /* Setzt das Seitenverhältnis auf automatisch */
    }
}

/*Projektbilder im 1 zu 1 Seitenverhältnis*/


.ratio1zu1 {
    aspect-ratio: 1/1; 
}


/* Überschriften - Start */
h1, h2, h3, h4, h5, h6 {
  text-wrap: balance; 
  line-height: 1.2em;
  margin-top: 2.5rem;
  margin-bottom: 1.5rem;
}
/* Nav Menue underline */
.nav_underline nav > ul {
    justify-content: space-between;
}

.nav_underline nav > ul.elementor-nav-menu > li {
    position: relative;
    z-index: 1;
    flex-grow: 0;
}

.nav_underline nav > ul > li::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px; /* Dicke der Linie */
    background-color: var(--e-global-color-accent) !important; /* Farbe der Linie */
    transition: transform 0.7s cubic-bezier(1, 0, 0, 1); /* Transition-Dauer und Timing-Funktion */
    bottom: 4px; /* Vertikale Positionierung der Linie */
    opacity: 1 !important; /* !important ist nur nötig für nav menu Element, kann für andere gelöscht werden */
    left: 0;
    z-index: -3;
    transform: scaleX(0);
    transform-origin: left;
}

.nav_underline nav > ul > li:hover::before,
.nav_underline nav > ul > li.current-menu-item::before,
.nav_underline nav > ul > li.active::before {
    transform: scaleX(1);
    transform-origin: left;
}

.nav_underline nav > ul.elementor-nav-menu > li > a {
    margin-inline-end: 0px;
    margin-inline-start: 0px;
}

.nav_underline .elementor-nav-menu:after {
    content: none;
}

/* Absätze & Listen - Start, ohne Einfluss auf das WordPress-Admin-Menü */
p, ul, ol {
  max-width: 75ch;
  text-wrap: pretty;
}

/* Ausnahme für das WordPress-Admin-Menü */
#wpadminbar ul, 
#wpadminbar ul ul {
  max-width: none;
  text-wrap: normal;
}

/* Letzter Absatz Abstand - Start */
.elementor-widget-text-editor p:last-child { 
  margin-bottom: 0px; 
}



/* Helle Links - Start */
/* Helle Links - Start */
.linkhell a:link, .linkhell a:visited, .linkhell a:active {
  color: var(--e-global-color-5ae61d0);
}

/* Helle Links mit Unterstrich - Start */
.linkhell_underline a {
  position: relative;
  color: var(--e-global-color-5ae61d0); /* Beibehalten der Farbe */
  text-decoration: none;
  display: inline-block; /* Behält die Unterstreichung über mehrere Zeilen */
}

.linkhell_underline a::before {
  content: '';
  background-color: var(--e-global-color-accent);
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  z-index: -1;
  transition: background-position 0.3s ease-in-out;
  background-image: linear-gradient(to right, white 50%, var(--e-global-color-accent) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}

.linkhell_underline a:hover::before {
  background-position: left bottom;
  height: 2px;
}

/* Verhindert Zeilenumbruch für alle Links in .linkhell_underline */
.linkhell_underline a {
  white-space: nowrap;
}



.linkdunkel a {
  position: relative;
  color: var(--e-global-color-4055073);
  text-decoration: none;
  display: inline-block; /* Macht den Link zu einem Block, der den Unterstrich über mehrere Zeilen behält */
}

.linkdunkel a::before {
  content: '';
  background-color: var(--e-global-color-accent);
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 2px;
  z-index: -1;
  transition: background-position 0.3s ease-in-out;
  background-image: linear-gradient(to right, var(--e-global-color-primary) 50%, var(--e-global-color-accent) 50%);
  background-size: 200% 100%;
  background-position: right bottom;
}

.linkdunkel a:hover::before {
  background-position: left bottom;
  height: 2px;
}


.linkdunkel a {
  white-space: nowrap;
  color: var(--e-global-color-4055073);
  text-decoration: none;
}/* End custom CSS */