.elementor-kit-6{--e-global-color-primary:#EC6602;--e-global-color-secondary:#101010;--e-global-color-text:#FFFFFF;--e-global-color-accent:#FAFAFA;--e-global-color-2f54db4:#000000;--e-global-color-6871358:#FFFFFF;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#000000;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 img{border-style:none;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1280px;}.e-con{--container-max-width:1280px;--container-default-padding-top:6rem;--container-default-padding-right:3rem;--container-default-padding-bottom:6rem;--container-default-padding-left:3rem;}.elementor-widget:not(:last-child){margin-block-end:2rem;}.elementor-element{--widgets-spacing:2rem 2rem;--widgets-spacing-row:2rem;--widgets-spacing-column:2rem;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;--container-default-padding-top:6rem;--container-default-padding-right:2rem;--container-default-padding-bottom:6rem;--container-default-padding-left:2rem;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}:root { --con-p-inline:clamp(1.4375rem, 0.8495rem + 2.6882vw, 3rem); --con-p-block:5rem; --h-screen:100svh; --white:#ffffff; --primary:#EC6602; --Poppins:Poppins; --Inter:Inter; --f-16:clamp(0.875rem, 0.828rem + 0.2151vw, 1rem); --f-18:clamp(1rem, 0.953rem + 0.2151vw, 1.125rem); --f-20:clamp(1.125rem, 1.078rem + 0.2151vw, 1.25rem); --f-24:clamp(1.25rem, 1.1559rem + 0.4301vw, 1.5rem); --f-28:clamp(1.5rem, 1.4059rem + 0.4301vw, 1.75rem); --f-32:clamp(1.625rem, 1.4839rem + 0.6452vw, 2rem); --f-40:clamp(1.75rem, 1.4677rem + 1.2903vw, 2.5rem); --f-48:clamp(1.875rem, 1.4516rem + 1.9355vw, 3rem); --f-56:clamp(2rem, 1.4355rem + 2.5806vw, 3.5rem); --f-64:clamp(2.125rem, 1.4194rem + 3.2258vw, 4rem); --f-72:clamp(2.25rem, 1.4032rem + 3.871vw, 4.5rem); --f-80:clamp(2.375rem, 1.3871rem + 4.5161vw, 5rem); --f-96:clamp(2.5rem, 1.1828rem + 6.0215vw, 6rem); --radius-s:10px; --gap-l:5rem; --gap-m:2rem; --content-width-m:80rem; --gap-xs:0.5rem; --line-width:90ch; --text:#fafafa; --Mulish:Mulish; --leading-default:1.3em; --Grey:#101010; --content-width-xs:40rem; --gap-s:1rem; --max-content:max-content; --gap-xl:8rem; --gap-xxs:0.25rem; --gap-ml:3rem; --page-header-height:136px; --Grey-Text:#959595; --radius-m:20px; --slogan-height:clamp(36px, 29.9785px + 1.7204vw, 52px); --con-p-inline-large:clamp(1.4375rem, 0.0968rem + 6.129vw, 5rem); }
/* Start custom CSS */:root {
    /*Scrollbar Settings*/
    --scrollbar-width: 0.32em;
    --scrollbar-background: #101010;
    --scrollbar-thumb: #EC6602;
}

@property --gradient-color {
  syntax: '<color>';
  inherits: false;
  initial-value: rgba(236, 102, 2, 0.50);
}

/*Fixes and Custom Styles*/
.elementor-widget-icon:not(.inline) 
.elementor-icon-wrapper {line-height: 1;font-size: 0;}
html, body {overflow-x: hidden;scroll-behavior: smooth;}
.elementor-element-35ded3d { width: 100%!important;}
body {overflow-y: hidden;}
body::-webkit-scrollbar {width: var(--scrollbar-width);}
body::-webkit-scrollbar-track {background: var(--scrollbar-background);}
body::-webkit-scrollbar-thumb {background-color: var(--scrollbar-thumb);}
/*h1, h2, h3, h4 {text-wrap: balance;}*/
p:last-of-type {margin-bottom: 0;}
.elementor-widget-text-editor ul, .elementor-widget-text-editor ol {
    margin-bottom: 1rem;
}

::selection {
  background: var(--primary);
}

::-moz-selection {
  background: var(--primary);
}

/*Utilities*/
.box-shadow {box-shadow: var(--shadow);}
.drop-shadow {filter: drop-shadow(var(--shadow))}
.min-content {min-width: min-content;}
.limit p, .limit li {max-width: 100ch;}
.hyphens {hyphens: auto;}
.wrap-balance {text-wrap: balance;}
.wrap-pretty {text-wrap: pretty;}
/*Mach den Overflow eines Swipers sichtbar*/
.swiper-overflow .swiper-wrapper, .swiper-overflow .swiper {overflow: visible!important;}
/*Ändert die Animation des Swipers auf Linear (z. B. für Logo-Displays)*/
.swiper-linear .swiper-wrapper {transition-timing-function: linear;}
/*Erzeugt einen weichen Übergang in horizontaler Richtung*/
.mask-inline {mask-image: linear-gradient(to right, transparent 0%, black 20%, black 80%, transparent 100%);}
/*Erlaubt dem Maps-Widget innerhalb eines Containers zu wachsen (dynamische Höhe)*/
.g-map-dynamic .elementor-widget-container, .g-map-dynamic .elementor-custom-embed {display: flex}
.g-map-dynamic .elementor-custom-embed {flex-grow: 1;}
.g-map-dynamic iframe {height: auto;}
/*Zentriert die Titel eines Akkordeons*/
@media screen and (min-width: 1024px) {
    .accordion-centered .e-n-accordion-item-title-header {
        flex-grow: 1;
        justify-content: center;
    }
}
/*Image-Hover*/
.img-hover {overflow: hidden;}
.img-hover img {transition: all var(--transition-duration) ease;}
.img-hover img:hover, .img-hover:focus-within {scale: 1.015; filter: brightness(1.05);}
/*Card-Hover*/
.card-hover {transition: var(--transition-duration) all ease;}
.card-hover:is(a), .card-hover a {cursor: pointer;}
.card-hover:hover, .card-hover:focus-within {scale: 1.05;}

/*Button-Klassen*/
a.btn, .btn:not(a) a {
    color: var(--btn-text-color)!important;
    font-family: var(--btn-font), sans-serif;
    font-weight: var(--btn-weight);
    font-size: var(--btn-fontsize);
    text-transform: var(--btn-text-transform);
    border-radius: var(--btn-radius);
    border: var(--btn-border-color) var(--btn-border-width) solid;
    background: var(--btn-background);
    transition: var(--transition-duration) all;
    letter-spacing: var(--btn-letter-spacing);
    padding: var(--btn-padding);
    min-width: var(--btn-min-width);
    
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: max-content;
    background-size: 400%;
    cursor: pointer;
    z-index: 5;
    line-height: 1.3em!important;
    text-decoration: none;
    text-align: center;
    hyphens: none;
}

a.btn:before, .btn:not(a) a:before {
    border-radius: calc(var(--btn-radius) - calc(var(--btn-radius) * 0.5));
    background: var(--btn-background-hover);
    transition: var(--transition-duration) all;

    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scaleX(0);
    transform-origin: 0 50%;
    z-index: -1;
}

a.btn:hover:before, a.btn:focus-within:before, .btn:not(a) a:hover:before, .btn:not(a) a:focus-within:before {transform: scaleX(1);}

a.btn:hover, a.btn:focus-within, .btn:not(a) a:hover, .btn:not(a) a:focus-within {color: var(--btn-text-color-hover)!important;}

.elementor-widget-text-editor ul, .elementor-widget-text-editor ol {
    padding-inline-start: 2.5rem;
    margin-bottom: 1rem;
}


.text-reset {
    --font-color: black;
    --link-color: blue;
    --link-decoration: underline;
    --font-weight-heading: 600;
    --font-size-h1: 2.986rem;
    --font-size-h2: 2.488rem;
    --font-size-h3: 2.074rem;
    --font-size-h4: 1.728rem;
    --margin-top-h2: 2rem;
    --margin-top-h3: 1.5rem;
    --margin-top-h4: 1rem;
}

.text-reset h1,
.text-reset h2,
.text-reset h3,
.text-reset h4 {
    color: var(--font-color) !important;
    font-weight: var(--font-weight-heading);
    text-transform: none !important;
}

.text-reset a {
    color: var(--link-color);
    text-decoration: var(--link-decoration) !important;
}

.text-reset h1 {
    font-size: var(--font-size-h1) !important;
}

.text-reset h2 {
    font-size: var(--font-size-h2) !important;
    margin-top: var(--margin-top-h2);
}

.text-reset h3 {
    font-size: var(--font-size-h3) !important;
    margin-top: var(--margin-top-h3);
}

.text-reset h4 {
    font-size: var(--font-size-h4) !important;
    margin-top: var(--margin-top-h4);
}/* End custom CSS */