.elementor-kit-25{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-color-072e98d:#A49786;--e-global-color-848f66b:#575756;--e-global-color-77b50eb:#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;color:#707070;font-family:"Century Gothic", Sans-serif;font-size:22px;--e-page-transition-entrance-animation:e-page-transition-fade-out;--e-page-transition-exit-animation:e-page-transition-fade-in;--e-page-transition-animation-duration:700ms;--e-preloader-animation:pulse;--e-preloader-animation-duration:500ms;--e-preloader-delay:0ms;}.elementor-kit-25 e-page-transition{background-color:#A49786;}.elementor-kit-25 a{color:var( --e-global-color-072e98d );}.elementor-kit-25 h1{color:var( --e-global-color-848f66b );}.elementor-kit-25 h2{color:var( --e-global-color-848f66b );}.elementor-kit-25 h3{color:var( --e-global-color-848f66b );}.elementor-kit-25 h4{color:var( --e-global-color-848f66b );}.elementor-kit-25 h5{color:var( --e-global-color-848f66b );}.elementor-kit-25 h6{color:var( --e-global-color-848f66b );}.elementor-section.elementor-section-boxed > .elementor-container{max-width:86%;}.e-con{--container-max-width:86%;--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:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* --- Smart Slider 3: Custom Layout für die Navigation unten --- */
/* Flexbox aktivieren, um Pfeile und Thumbnails in einer Zeile zu zentrieren. 
   Gilt spezifisch für die Slider-IDs 2, 4, 5 und 6. */
#n2-ss-2 .n2-ss-slider-controls-below,
#n2-ss-4 .n2-ss-slider-controls-below,
#n2-ss-5 .n2-ss-slider-controls-below,
#n2-ss-6 .n2-ss-slider-controls-below {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
}

/* Linken Pfeil an die erste Position setzen */
#n2-ss-2 .nextend-arrow-previous,
#n2-ss-4 .nextend-arrow-previous,
#n2-ss-5 .nextend-arrow-previous,
#n2-ss-6 .nextend-arrow-previous {
    order: 1 !important;
}

/* Thumbnails in die Mitte (Position 2) setzen. 
   Die standardmäßige 100%-Breite überschreiben, damit die Pfeile Platz haben, 
   und seitlichen Abstand (margin) hinzufügen. */
#n2-ss-2 .nextend-thumbnail,
#n2-ss-4 .nextend-thumbnail,
#n2-ss-5 .nextend-thumbnail,
#n2-ss-6 .nextend-thumbnail {
    order: 2 !important;
    width: auto !important;
    margin: 0 5px !important;
}

/* Rechten Pfeil an die letzte Position (Position 3) setzen */
#n2-ss-2 .nextend-arrow-next,
#n2-ss-4 .nextend-arrow-next,
#n2-ss-5 .nextend-arrow-next,
#n2-ss-6 .nextend-arrow-next {
    order: 3 !important;
}

/* --- Smart Slider 3: Erzwungener sanfter Crossfade für Pfeile --- */

/* 1. Übergang für beide Bilder (Normal und Hover) aktivieren */
#n2-ss-2 .nextend-arrow img,
#n2-ss-4 .nextend-arrow img,
#n2-ss-5 .nextend-arrow img,
#n2-ss-6 .nextend-arrow img {
    transition: opacity 0.3s ease-in-out !important;
    display: block !important; /* Verhindert, dass das Plugin display:none setzt */
}

/* 2. Hover-Bild standardmäßig unsichtbar machen und exakt über das normale Bild legen */
#n2-ss-2 .nextend-arrow .n2-arrow-hover-img,
#n2-ss-4 .nextend-arrow .n2-arrow-hover-img,
#n2-ss-5 .nextend-arrow .n2-arrow-hover-img,
#n2-ss-6 .nextend-arrow .n2-arrow-hover-img {
    opacity: 0 !important;
    position: absolute !important;
    top: 0;
    left: 0;
}

/* 3. Beim Hovern: Hover-Bild weich einblenden */
#n2-ss-2 .nextend-arrow:hover .n2-arrow-hover-img,
#n2-ss-4 .nextend-arrow:hover .n2-arrow-hover-img,
#n2-ss-5 .nextend-arrow:hover .n2-arrow-hover-img,
#n2-ss-6 .nextend-arrow:hover .n2-arrow-hover-img {
    opacity: 1 !important;
}

/* 4. Beim Hovern: Normales Bild weich ausblenden */
#n2-ss-2 .nextend-arrow:hover .n2-arrow-normal-img,
#n2-ss-4 .nextend-arrow:hover .n2-arrow-normal-img,
#n2-ss-5 .nextend-arrow:hover .n2-arrow-normal-img,
#n2-ss-6 .nextend-arrow:hover .n2-arrow-normal-img {
    opacity: 0 !important;
}/* End custom CSS */