.elementor-645 .elementor-element.elementor-element-093c5b4{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-button .elementor-button{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 );background-color:var( --e-global-color-accent );}.elementor-645 .elementor-element.elementor-element-6bb795f .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-645 .elementor-element.elementor-element-6bb795f .elementor-button .elementor-button-content-wrapper{gap:12px;}.elementor-645 .elementor-element.elementor-element-6bb795f .elementor-button{fill:var( --e-global-color-accent );color:var( --e-global-color-accent );background-color:var( --e-global-color-7d8e225 );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );border-radius:5px 5px 5px 5px;}.elementor-645 .elementor-element.elementor-element-6bb795f .elementor-button:hover, .elementor-645 .elementor-element.elementor-element-6bb795f .elementor-button:focus{color:var( --e-global-color-6d265b3 );}.elementor-645 .elementor-element.elementor-element-6bb795f .elementor-button:hover svg, .elementor-645 .elementor-element.elementor-element-6bb795f .elementor-button:focus svg{fill:var( --e-global-color-6d265b3 );}.elementor-645 .elementor-element.elementor-element-6bb795f{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 20px) 0px;}@media(max-width:1024px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:767px){.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for button, class: .elementor-element-6bb795f */.btn-stegemann .elementor-button {
    --btn-color: #1f2b27;
    --btn-hover-color: #B78D43;
    --btn-bg: transparent;
    --btn-hover-bg: #B78D43;

    position: relative;
    overflow: hidden;
    padding: 16px 30px;
    border: 1px solid var(--btn-color);
    border-radius: 0;
    color: var(--btn-color);
    background: var(--btn-bg);

    transition:
        color 0.35s ease,
        transform 0.35s ease,
        box-shadow 0.35s ease;
}

/* Animierter Hintergrund */
.btn-stegemann .elementor-button::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;
    background: var(--btn-hover-bg);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform 0.4s cubic-bezier(0.65, 0, 0.35, 1);
}

/* Text und Elementor-Icon bleiben sichtbar */
.btn-stegemann .elementor-button-content-wrapper {
    position: relative;
    z-index: 1;
}

/* Vorhandenes Elementor-Icon animieren */
.btn-stegemann .elementor-button-icon {
    transition: transform 0.35s ease;
}

/* Hover-Effekt */
.btn-stegemann .elementor-button:hover {
    color: var(--btn-hover-color);
    transform: translateY(-2px);
    box-shadow: 0 10px 24px rgba(31, 43, 39, 0.16);
}

.btn-stegemann .elementor-button:hover::before {
    transform: scaleX(1);
}

.btn-stegemann .elementor-button:hover .elementor-button-icon {
    transform: translateX(5px);
}

/* Fokus für Tastatur-Navigation */
.btn-stegemann .elementor-button:focus-visible {
    outline: 2px solid var(--btn-color);
    outline-offset: 4px;
}

/* Reduzierte Animation für entsprechende Systemeinstellung */
@media (prefers-reduced-motion: reduce) {
    .btn-stegemann .elementor-button,
    .btn-stegemann .elementor-button::before,
    .btn-stegemann .elementor-button-icon {
        transition: none;
        transform: none;
    }
}/* End custom CSS */