.elementor-4860 .elementor-element.elementor-element-4bd50f1{--display:flex;--min-height:110vh;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--overlay-opacity:0.85;--margin-top:-153px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-4860 .elementor-element.elementor-element-4bd50f1:not(.elementor-motion-effects-element-type-background), .elementor-4860 .elementor-element.elementor-element-4bd50f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.forstebnath.de/wp-content/uploads/2026/06/Moor-3.jpeg");background-position:top center;background-repeat:no-repeat;background-size:cover;}.elementor-4860 .elementor-element.elementor-element-4bd50f1::before, .elementor-4860 .elementor-element.elementor-element-4bd50f1 > .elementor-background-video-container::before, .elementor-4860 .elementor-element.elementor-element-4bd50f1 > .e-con-inner > .elementor-background-video-container::before, .elementor-4860 .elementor-element.elementor-element-4bd50f1 > .elementor-background-slideshow::before, .elementor-4860 .elementor-element.elementor-element-4bd50f1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4860 .elementor-element.elementor-element-4bd50f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00000000 40%, #000000 100%);}.elementor-4860 .elementor-element.elementor-element-36ae502{--display:flex;--min-height:55vh;}.elementor-4860 .elementor-element.elementor-element-7a30b1d{--display:flex;--min-height:50vh;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--margin-top:0%;--margin-bottom:0%;--margin-left:3%;--margin-right:0%;}.elementor-4860 .elementor-element.elementor-element-7a30b1d.e-con{--align-self:flex-start;}.elementor-widget-heading .elementor-heading-title{color:var( --e-global-color-primary );}.elementor-4860 .elementor-element.elementor-element-2abf252{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 0%) 0%;}.elementor-4860 .elementor-element.elementor-element-2abf252.elementor-element{--align-self:flex-start;}.elementor-4860 .elementor-element.elementor-element-2abf252 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:25px;text-transform:uppercase;letter-spacing:2px;color:var( --e-global-color-accent );}.elementor-4860 .elementor-element.elementor-element-9f44cf1{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:start;}.elementor-4860 .elementor-element.elementor-element-9f44cf1.elementor-element{--align-self:flex-start;}.elementor-4860 .elementor-element.elementor-element-9f44cf1 .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:80px;font-weight:400;line-height:90px;color:var( --e-global-color-accent );}.elementor-4860 .elementor-element.elementor-element-70b9c00{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--flex-wrap:wrap;--padding-top:14%;--padding-bottom:10%;--padding-left:13%;--padding-right:13%;}.elementor-4860 .elementor-element.elementor-element-70b9c00:not(.elementor-motion-effects-element-type-background), .elementor-4860 .elementor-element.elementor-element-70b9c00 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1353af5 );}.elementor-4860 .elementor-element.elementor-element-4b8ce2a{--display:flex;}.elementor-4860 .elementor-element.elementor-element-da610b6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-4860 .elementor-element.elementor-element-da610b6 .elementor-heading-title{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-size:var( --e-global-typography-accent-font-size );font-weight:var( --e-global-typography-accent-font-weight );text-transform:var( --e-global-typography-accent-text-transform );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );color:var( --e-global-color-d60237b );}.elementor-widget-text-editor{color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-4860 .elementor-element.elementor-element-712a5fb{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;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 );color:var( --e-global-color-d60237b );}.elementor-4860 .elementor-element.elementor-element-ec1a799{--display:flex;--justify-content:center;--margin-top:0%;--margin-bottom:5%;--margin-left:0%;--margin-right:0%;--padding-top:2%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-4860 .elementor-element.elementor-element-54b4c52{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 );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-d60237b );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );}.elementor-4860 .elementor-element.elementor-element-37d66ec .elementor-button{background-color:#AC73738A;font-family:"Manrope", Sans-serif;font-size:14px;border-radius:30px 30px 30px 30px;}.elementor-4860 .elementor-element.elementor-element-37d66ec{margin:5% 0% calc(var(--kit-widget-spacing, 0px) + 10%) 0%;}.elementor-4860 .elementor-element.elementor-element-37d66ec.elementor-element{--align-self:flex-start;}.elementor-4860 .elementor-element.elementor-element-37d66ec .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-4860 .elementor-element.elementor-element-552bc58{--display:flex;--min-height:0px;--padding-top:0%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;}.elementor-4860 .elementor-element.elementor-element-552bc58:not(.elementor-motion-effects-element-type-background), .elementor-4860 .elementor-element.elementor-element-552bc58 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-1353af5 );}.elementor-4860 .elementor-element.elementor-element-04f61b2{--display:flex;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4860 .elementor-element.elementor-element-04f61b2.e-con{--align-self:center;}.elementor-4860 .elementor-element.elementor-element-f671dbd{--e-image-carousel-slides-to-show:3;margin:0% 5% calc(var(--kit-widget-spacing, 0px) + 0%) 5%;padding:0% 0% 13% 0%;}.elementor-4860 .elementor-element.elementor-element-f671dbd.elementor-element{--align-self:center;}.elementor-4860 .elementor-element.elementor-element-f671dbd .elementor-swiper-button.elementor-swiper-button-prev, .elementor-4860 .elementor-element.elementor-element-f671dbd .elementor-swiper-button.elementor-swiper-button-next{font-size:47px;}.elementor-4860 .elementor-element.elementor-element-f671dbd .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:20px 20px 20px 20px;}.elementor-4860 .elementor-element.elementor-element-6494341{--display:flex;--min-height:50vh;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;--padding-top:10%;--padding-bottom:10%;--padding-left:0%;--padding-right:0%;--z-index:0;}.elementor-4860 .elementor-element.elementor-element-6494341:not(.elementor-motion-effects-element-type-background), .elementor-4860 .elementor-element.elementor-element-6494341 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );}.elementor-4860 .elementor-element.elementor-element-16f5023{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-4860 .elementor-element.elementor-element-7f21e7a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-4860 .elementor-element.elementor-element-7f21e7a .elementor-heading-title{font-family:"Manrope", Sans-serif;font-size:23px;font-weight:500;text-transform:uppercase;line-height:30px;letter-spacing:1.15px;color:var( --e-global-color-accent );}.elementor-4860 .elementor-element.elementor-element-4895c93{text-align:center;font-family:"Manrope", Sans-serif;font-size:45px;font-weight:500;line-height:55px;color:var( --e-global-color-59dbaba );}.elementor-4860 .elementor-element.elementor-element-a452951{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--margin-top:25px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4860 .elementor-element.elementor-element-f8873a5 .elementor-button{background-color:#AC73738A;font-family:"Manrope", Sans-serif;font-size:14px;border-radius:30px 30px 30px 30px;}.elementor-4860 .elementor-element.elementor-element-f8873a5.elementor-element{--align-self:flex-start;}.elementor-4860 .elementor-element.elementor-element-f8873a5 .elementor-button-content-wrapper{flex-direction:row-reverse;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-4860 .elementor-element.elementor-element-4bd50f1{--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:-51px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4860 .elementor-element.elementor-element-4bd50f1::before, .elementor-4860 .elementor-element.elementor-element-4bd50f1 > .elementor-background-video-container::before, .elementor-4860 .elementor-element.elementor-element-4bd50f1 > .e-con-inner > .elementor-background-video-container::before, .elementor-4860 .elementor-element.elementor-element-4bd50f1 > .elementor-background-slideshow::before, .elementor-4860 .elementor-element.elementor-element-4bd50f1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-4860 .elementor-element.elementor-element-4bd50f1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;background-image:linear-gradient(180deg, #00000000 13%, #000000 77%);}.elementor-4860 .elementor-element.elementor-element-36ae502{--min-height:22vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-4860 .elementor-element.elementor-element-7a30b1d{--min-height:0vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:5vw;--margin-bottom:0vw;--margin-left:5vw;--margin-right:0vw;}.elementor-4860 .elementor-element.elementor-element-2abf252.elementor-element{--align-self:flex-start;}.elementor-4860 .elementor-element.elementor-element-9f44cf1{margin:0% 0% calc(var(--kit-widget-spacing, 0px) + 5%) 0%;grid-column:span 1;text-align:start;}.elementor-4860 .elementor-element.elementor-element-9f44cf1 .elementor-heading-title{font-size:55px;line-height:60px;}.elementor-4860 .elementor-element.elementor-element-da610b6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 15px) 0px;}.elementor-4860 .elementor-element.elementor-element-da610b6 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-4860 .elementor-element.elementor-element-712a5fb{font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-4860 .elementor-element.elementor-element-54b4c52{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-4860 .elementor-element.elementor-element-37d66ec.elementor-element{--align-self:flex-start;}.elementor-4860 .elementor-element.elementor-element-f671dbd .elementor-swiper-button.elementor-swiper-button-prev, .elementor-4860 .elementor-element.elementor-element-f671dbd .elementor-swiper-button.elementor-swiper-button-next{font-size:45px;}.elementor-4860 .elementor-element.elementor-element-6494341{--padding-top:180px;--padding-bottom:180px;--padding-left:0px;--padding-right:0px;}.elementor-4860 .elementor-element.elementor-element-f8873a5.elementor-element{--align-self:flex-start;}}@media(min-width:768px){.elementor-4860 .elementor-element.elementor-element-4bd50f1{--content-width:80%;}.elementor-4860 .elementor-element.elementor-element-36ae502{--width:100%;}.elementor-4860 .elementor-element.elementor-element-7a30b1d{--width:62%;}.elementor-4860 .elementor-element.elementor-element-70b9c00{--content-width:100%;}.elementor-4860 .elementor-element.elementor-element-4b8ce2a{--width:50%;}.elementor-4860 .elementor-element.elementor-element-ec1a799{--width:50%;}.elementor-4860 .elementor-element.elementor-element-04f61b2{--width:100vw;}.elementor-4860 .elementor-element.elementor-element-16f5023{--width:70%;}.elementor-4860 .elementor-element.elementor-element-a452951{--width:37%;}}@media(max-width:1024px) and (min-width:768px){.elementor-4860 .elementor-element.elementor-element-4bd50f1{--content-width:100%;}.elementor-4860 .elementor-element.elementor-element-7a30b1d{--width:100%;}.elementor-4860 .elementor-element.elementor-element-4b8ce2a{--width:100%;}.elementor-4860 .elementor-element.elementor-element-ec1a799{--width:100%;}.elementor-4860 .elementor-element.elementor-element-04f61b2{--width:100vw;}.elementor-4860 .elementor-element.elementor-element-16f5023{--width:80%;}}@media(max-width:767px){.elementor-4860 .elementor-element.elementor-element-4bd50f1{--min-height:80vh;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-4860 .elementor-element.elementor-element-36ae502{--min-height:30vh;}.elementor-4860 .elementor-element.elementor-element-2abf252 .elementor-heading-title{font-size:15px;}.elementor-4860 .elementor-element.elementor-element-9f44cf1 .elementor-heading-title{font-size:35px;line-height:50px;}.elementor-4860 .elementor-element.elementor-element-70b9c00{--padding-top:20%;--padding-bottom:20%;--padding-left:5%;--padding-right:5%;}.elementor-4860 .elementor-element.elementor-element-da610b6 .elementor-heading-title{font-size:var( --e-global-typography-accent-font-size );line-height:var( --e-global-typography-accent-line-height );letter-spacing:var( --e-global-typography-accent-letter-spacing );}.elementor-4860 .elementor-element.elementor-element-712a5fb{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;font-size:var( --e-global-typography-primary-font-size );line-height:var( --e-global-typography-primary-line-height );}.elementor-4860 .elementor-element.elementor-element-54b4c52{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-4860 .elementor-element.elementor-element-37d66ec.elementor-element{--align-self:center;}.elementor-4860 .elementor-element.elementor-element-552bc58{--padding-top:0%;--padding-bottom:20%;--padding-left:0%;--padding-right:0%;}.elementor-4860 .elementor-element.elementor-element-f671dbd{--e-image-carousel-slides-to-show:1;margin:5% 0% calc(var(--kit-widget-spacing, 0px) + 5%) 0%;}.elementor-4860 .elementor-element.elementor-element-6494341{--padding-top:20%;--padding-bottom:20%;--padding-left:5%;--padding-right:5%;}.elementor-4860 .elementor-element.elementor-element-16f5023{--width:80%;}.elementor-4860 .elementor-element.elementor-element-f8873a5.elementor-element{--align-self:center;}}/* Start custom CSS for button, class: .elementor-element-37d66ec *//* ==========================================
   BUTTON (Ohne weißen Rahmen im Normalzustand, altes Grün #183602)
   ========================================== */
.elementor-4860 .elementor-element.elementor-element-37d66ec .elementor-button {
    position: relative !important;
    overflow: visible !important;   
    border-radius: 50px !important;
    
    /* Weniger Innenabstand rechts, da der Kreis jetzt komplett außerhalb liegt */
    padding-right: 35px !important; 
    
    /* Rahmen ist standardmäßig unsichtbar, um Layout-Sprünge beim Hovern zu verhindern */
    border: 2px solid transparent !important;
    
    /* Startfarbe des Buttons: Dein altes, dunkleres Grün */
    background-color: #283E2B !important;
    background-image: none !important;
    
    /* WICHTIG: Animiert den Hintergrund UND den kompletten Rahmen sauber */
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out !important;
}

/* Der Text im Button */
.elementor-4860 .elementor-element.elementor-element-37d66ec .elementor-button-text {
    color: #ffffff !important; /* Startfarbe Text: Weiß */
    position: relative;
    z-index: 2;
    transition: color 0.3s ease-in-out !important;
}

/* 2. Den Icon-Container in den schwebenden, weißen Kreis verwandeln */
.elementor-4860 .elementor-element.elementor-element-37d66ec .elementor-button .elementor-button-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    
    background-color: #ffffff !important;
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    border: 2px solid #283E2B !important; /* Grüner Rahmen (2px) um das weiße Icon */
    
    position: absolute !important;
    
    /* Schiebt den Kreis nach rechts – überlappt die rechte Rahmenlinie perfekt */
    right: -21px !important; 
    
    top: 50%;
    
    /* Bleibt fest an Ort und Stelle */
    transform: translateY(-50%) translateZ(0) !important;
    
    margin: 0 !important;
    padding: 0 !important;
    z-index: 3; /* Liegt sicher über dem Button-Rahmen */
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out !important;
}

/* 3. Den reinen SVG-Pfeil im Kreis stylen */
.elementor-4860 .elementor-element.elementor-element-37d66ec .elementor-button-icon svg {
    width: 16px !important;
    height: 16px !important;
}

/* Pfeillinien standardmäßig grün */
.elementor-4860 .elementor-element.elementor-element-37d66ec .elementor-button-icon svg path,
.elementor-4860 .elementor-element.elementor-element-37d66ec .elementor-button-icon svg polyline,
.elementor-4860 .elementor-element.elementor-element-37d66ec .elementor-button-icon svg line {
    stroke: #283E2B !important;
    stroke-width: 2px !important; /* Pfeilstärke bleibt bei 2px */
    fill: none !important;
    transition: stroke 0.3s ease-in-out, fill 0.3s ease-in-out !important;
}


/* ==========================================
   4. HOVER-EFFEKT (Einfacher, sauberer Wechsel)
   ========================================== */
.elementor-4860 .elementor-element.elementor-element-37d66ec .elementor-button:hover {
    background-color: #ffffff !important; /* Hintergrund wird weiß */
    border-color: #283E2B !important;      /* Rahmen wechselt sauber zu Grün (2px) */
}

.elementor-4860 .elementor-element.elementor-element-37d66ec .elementor-button:hover .elementor-button-text {
    color: #283E2B !important; /* Text wird grün */
}

.elementor-4860 .elementor-element.elementor-element-37d66ec .elementor-button:hover .elementor-button-icon {
    background-color: #283E2B !important; /* Kreis wird grün */
    border-color: #283E2B !important;     /* Rahmen des Kreises bleibt bei 2px grün */
}

/* Pfeillinien (Stroke & Fill) werden beim Hovern absolut weiß */
.elementor-4860 .elementor-element.elementor-element-37d66ec .elementor-button:hover .elementor-button-icon svg path,
.elementor-4860 .elementor-element.elementor-element-37d66ec .elementor-button:hover .elementor-button-icon svg polyline,
.elementor-4860 .elementor-element.elementor-element-37d66ec .elementor-button:hover .elementor-button-icon svg line,
.elementor-4860 .elementor-element.elementor-element-37d66ec .elementor-button:hover .elementor-button-icon svg {
    stroke: #ffffff !important;
    fill: none !important;
}/* End custom CSS */
/* Start custom CSS for image-carousel, class: .elementor-element-f671dbd *//* ==========================================================================
   1. CONTAINER-PLATZSCHAFFUNG (Damit die Pfeile Platz haben)
   ========================================================================== */
.elementor-4860 .elementor-element.elementor-element-f671dbd {
    /* Schafft unten 80px Platz im Widget-Container für die Pfeile */
    padding-bottom: 80px !important; 
}

/* ==========================================================================
   2. STABILE PFEIL-POSITIONIERUNG (In der Mitte des geschaffenen Platzes)
   ========================================================================== */
.elementor-4860 .elementor-element.elementor-element-f671dbd .elementor-swiper-button {
    top: auto !important;  
    /* Positioniert die Pfeile im zuvor geschaffenen Padding-Bereich */
    bottom: 20px !important; 
    left: 50% !important;
}

/* Linker Pfeil: Genau 30 Pixel links von der Mitte */
.elementor-4860 .elementor-element.elementor-element-f671dbd .elementor-swiper-button.elementor-swiper-button-prev {
    transform: translateX(-40px) !important; 
}

/* Rechter Pfeil: Genau 30 Pixel rechts von der Mitte */
.elementor-4860 .elementor-element.elementor-element-f671dbd .elementor-swiper-button.elementor-swiper-button-next {
    transform: translateX(10px) !important; 
}

/* ==========================================================================
   3. BILDER (Keine Überlagerung mehr möglich)
   ========================================================================== */
.elementor-4860 .elementor-element.elementor-element-f671dbd .elementor-image-carousel img {
    height: 65vh !important; 
    object-fit: cover; 
    width: 45vw !important;
}

/* Mobile Anpassung für Bilder */
@media (max-width: 767px) {
    .elementor-4860 .elementor-element.elementor-element-f671dbd .elementor-image-carousel img {
        width: 100vw !important;
    }   
}

/* ==========================================================================
   4. DESIGN & HOVER (Linienstärke auf 2px angepasst)
   ========================================================================== */
.elementor-4860 .elementor-element.elementor-element-f671dbd .elementor-swiper-button-prev svg .st0,
.elementor-4860 .elementor-element.elementor-element-f671dbd .elementor-swiper-button-next svg .st0 {
    stroke: #283E2B !important;
    fill: none !important; 
    transition: all 0.3s;
    stroke-width: 2px !important; /* Hier auf 2px erhöht */
}

.elementor-4860 .elementor-element.elementor-element-f671dbd .elementor-swiper-button-prev:hover svg circle.st0,
.elementor-4860 .elementor-element.elementor-element-f671dbd .elementor-swiper-button-next:hover svg circle.st0 {
    fill: #283E2B !important;
    stroke: #283E2B !important;
}

.elementor-4860 .elementor-element.elementor-element-f671dbd .elementor-swiper-button-prev:hover svg polyline.st0,
.elementor-4860 .elementor-element.elementor-element-f671dbd .elementor-swiper-button-next:hover svg polyline.st0 {
    stroke: #ffffff !important;
    fill: none !important; 
}

/* ==========================================================================
   5. OVERLAY NUR FÜR DESKTOP
   ========================================================================== */
@media (min-width: 1024px) {
    .elementor-4860 .elementor-element.elementor-element-f671dbd .swiper-slide .swiper-slide-inner {
        position: relative;
    }

    .elementor-4860 .elementor-element.elementor-element-f671dbd .swiper-slide .swiper-slide-inner::after {
        content: '';
        position: absolute;
        inset: 0;
        background: rgba(255, 255, 255, 0.45);
        border-radius: inherit;
        pointer-events: none;
        transition: opacity 0.3s ease;
    }

    .elementor-4860 .elementor-element.elementor-element-f671dbd .swiper-slide-next .swiper-slide-inner::after {
        opacity: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f8873a5 *//* ==========================================
   BUTTON (Ohne weißen Rahmen im Normalzustand, altes Grün #183602)
   ========================================== */
.elementor-4860 .elementor-element.elementor-element-f8873a5 .elementor-button {
    position: relative !important;
    overflow: visible !important;   
    border-radius: 50px !important;
    
    /* Weniger Innenabstand rechts, da der Kreis jetzt komplett außerhalb liegt */
    padding-right: 35px !important; 
    
    /* Rahmen ist standardmäßig unsichtbar, um Layout-Sprünge beim Hovern zu verhindern */
    border: 2px solid transparent !important;
    
    /* Startfarbe des Buttons: Dein altes, dunkleres Grün */
    background-color: #283E2B !important;
    background-image: none !important;
    
    /* WICHTIG: Animiert den Hintergrund UND den kompletten Rahmen sauber */
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out !important;
}

/* Der Text im Button */
.elementor-4860 .elementor-element.elementor-element-f8873a5 .elementor-button-text {
    color: #ffffff !important; /* Startfarbe Text: Weiß */
    position: relative;
    z-index: 2;
    transition: color 0.3s ease-in-out !important;
}

/* 2. Den Icon-Container in den schwebenden, weißen Kreis verwandeln */
.elementor-4860 .elementor-element.elementor-element-f8873a5 .elementor-button .elementor-button-icon {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    
    background-color: #ffffff !important;
    width: 45px !important;
    height: 45px !important;
    border-radius: 50% !important;
    border: 2px solid #283E2B !important; /* Grüner Rahmen (2px) um das weiße Icon */
    
    position: absolute !important;
    
    /* Schiebt den Kreis nach rechts – überlappt die rechte Rahmenlinie perfekt */
    right: -21px !important; 
    
    top: 50%;
    
    /* Bleibt fest an Ort und Stelle */
    transform: translateY(-50%) translateZ(0) !important;
    
    margin: 0 !important;
    padding: 0 !important;
    z-index: 3; /* Liegt sicher über dem Button-Rahmen */
    transition: background-color 0.3s ease-in-out, border-color 0.3s ease-in-out !important;
}

/* 3. Den reinen SVG-Pfeil im Kreis stylen */
.elementor-4860 .elementor-element.elementor-element-f8873a5 .elementor-button-icon svg {
    width: 16px !important;
    height: 16px !important;
}

/* Pfeillinien standardmäßig grün */
.elementor-4860 .elementor-element.elementor-element-f8873a5 .elementor-button-icon svg path,
.elementor-4860 .elementor-element.elementor-element-f8873a5 .elementor-button-icon svg polyline,
.elementor-4860 .elementor-element.elementor-element-f8873a5 .elementor-button-icon svg line {
    stroke: #283E2B !important;
    stroke-width: 2px !important; /* Pfeilstärke bleibt bei 2px */
    fill: none !important;
    transition: stroke 0.3s ease-in-out, fill 0.3s ease-in-out !important;
}


/* ==========================================
   4. HOVER-EFFEKT (Einfacher, sauberer Wechsel)
   ========================================== */
.elementor-4860 .elementor-element.elementor-element-f8873a5 .elementor-button:hover {
    background-color: #ffffff !important; /* Hintergrund wird weiß */
    border-color: #283E2B !important;      /* Rahmen wechselt sauber zu Grün (2px) */
}

.elementor-4860 .elementor-element.elementor-element-f8873a5 .elementor-button:hover .elementor-button-text {
    color: #283E2B !important; /* Text wird grün */
}

.elementor-4860 .elementor-element.elementor-element-f8873a5 .elementor-button:hover .elementor-button-icon {
    background-color: #283E2B !important; /* Kreis wird grün */
    border-color: #283E2B !important;     /* Rahmen des Kreises bleibt bei 2px grün */
}

/* Pfeillinien (Stroke & Fill) werden beim Hovern absolut weiß */
.elementor-4860 .elementor-element.elementor-element-f8873a5 .elementor-button:hover .elementor-button-icon svg path,
.elementor-4860 .elementor-element.elementor-element-f8873a5 .elementor-button:hover .elementor-button-icon svg polyline,
.elementor-4860 .elementor-element.elementor-element-f8873a5 .elementor-button:hover .elementor-button-icon svg line,
.elementor-4860 .elementor-element.elementor-element-f8873a5 .elementor-button:hover .elementor-button-icon svg {
    stroke: #ffffff !important;
    fill: none !important;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 700;
	font-display: auto;
	src: url('https://www.forstebnath.de/wp-content/uploads/2026/06/Manrope-Bold-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 600;
	font-display: auto;
	src: url('https://www.forstebnath.de/wp-content/uploads/2026/06/Manrope-SemiBold-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://www.forstebnath.de/wp-content/uploads/2026/06/Manrope-Regular-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://www.forstebnath.de/wp-content/uploads/2026/06/Manrope-Medium-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://www.forstebnath.de/wp-content/uploads/2026/06/Manrope-Light-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://www.forstebnath.de/wp-content/uploads/2026/06/Manrope-ExtraLight-1.ttf') format('truetype');
}
@font-face {
	font-family: 'Manrope';
	font-style: normal;
	font-weight: 800;
	font-display: auto;
	src: url('https://www.forstebnath.de/wp-content/uploads/2026/06/Manrope-ExtraBold-1.ttf') format('truetype');
}
/* End Custom Fonts CSS */