.elementor-327 .elementor-element.elementor-element-67fd134:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-67fd134 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-b867fb4 );}.elementor-327 .elementor-element.elementor-element-67fd134 > .elementor-container{max-width:1320px;}.elementor-327 .elementor-element.elementor-element-67fd134{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-327 .elementor-element.elementor-element-67fd134 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-327 .elementor-element.elementor-element-078cb48{--spacer-size:1px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-327 .elementor-element.elementor-element-969e2dd .elementor-heading-title{color:var( --e-global-color-027056b );}.elementor-327 .elementor-element.elementor-element-30fc54e .elementor-heading-title{color:var( --e-global-color-027056b );}.elementor-327 .elementor-element.elementor-element-d40be33{--spacer-size:5px;}.elementor-327 .elementor-element.elementor-element-d7c4c21:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-d7c4c21 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-02a931d );}.elementor-327 .elementor-element.elementor-element-d7c4c21{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-327 .elementor-element.elementor-element-d7c4c21 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-327 .elementor-element.elementor-element-df3a9c2{--spacer-size:50px;}.elementor-327 .elementor-element.elementor-element-d809b93:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-d809b93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-02a931d );}.elementor-327 .elementor-element.elementor-element-d809b93 > .elementor-container{max-width:1320px;}.elementor-327 .elementor-element.elementor-element-d809b93{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-327 .elementor-element.elementor-element-d809b93 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-327 .elementor-element.elementor-element-cacc3ef:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-cacc3ef > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-02a931d );}.elementor-327 .elementor-element.elementor-element-cacc3ef > .elementor-container{max-width:1320px;}.elementor-327 .elementor-element.elementor-element-cacc3ef{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-327 .elementor-element.elementor-element-cacc3ef > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-327 .elementor-element.elementor-element-85f450b:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-85f450b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-02a931d );}.elementor-327 .elementor-element.elementor-element-85f450b > .elementor-container{max-width:1320px;}.elementor-327 .elementor-element.elementor-element-85f450b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-327 .elementor-element.elementor-element-85f450b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-327 .elementor-element.elementor-element-eee6fa3:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-eee6fa3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-02a931d );}.elementor-327 .elementor-element.elementor-element-eee6fa3 > .elementor-container{max-width:1320px;}.elementor-327 .elementor-element.elementor-element-eee6fa3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-327 .elementor-element.elementor-element-eee6fa3 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-327 .elementor-element.elementor-element-4382e86:not(.elementor-motion-effects-element-type-background), .elementor-327 .elementor-element.elementor-element-4382e86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-02a931d );}.elementor-327 .elementor-element.elementor-element-4382e86 > .elementor-container{max-width:1320px;}.elementor-327 .elementor-element.elementor-element-4382e86{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-327 .elementor-element.elementor-element-4382e86 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-327 .elementor-element.elementor-element-1b447e6{--spacer-size:23px;}.elementor-327 .elementor-element.elementor-element-17b8296{--spacer-size:91px;}.elementor-widget-animated-headline .elementor-headline-plain-text{color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline{--dynamic-text-color:var( --e-global-color-secondary );}.elementor-widget-animated-headline .elementor-headline-dynamic-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-animated-headline .elementor-headline-dynamic-wrapper path{stroke:var( --e-global-color-accent );}.elementor-327 .elementor-element.elementor-element-4f430f7{--iteration-count:infinite;--animation-duration:1200ms;--dynamic-text-color:var( --e-global-color-primary );}.elementor-327 .elementor-element.elementor-element-4f430f7 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-327 .elementor-element.elementor-element-4f430f7 .elementor-headline{text-align:center;}.elementor-327 .elementor-element.elementor-element-4f430f7 .elementor-headline-plain-text{color:var( --e-global-color-primary );}.elementor-327 .elementor-element.elementor-element-4f430f7 .elementor-headline .elementor-headline-dynamic-wrapper{-webkit-text-stroke-color:#000;stroke:#000;text-shadow:0px 0px 10px rgba(0,0,0,0.3);}.elementor-327 .elementor-element.elementor-element-96842de{text-align:justify;color:var( --e-global-color-primary );}.elementor-327 .elementor-element.elementor-element-7aebb51{--spacer-size:91px;}.elementor-327 .elementor-element.elementor-element-aa38180{--spacer-size:100px;}body.elementor-page-327:not(.elementor-motion-effects-element-type-background), body.elementor-page-327 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}@media(max-width:1024px){.elementor-327 .elementor-element.elementor-element-d809b93 > .elementor-container{max-width:599px;}.elementor-327 .elementor-element.elementor-element-cacc3ef > .elementor-container{max-width:599px;}.elementor-327 .elementor-element.elementor-element-85f450b > .elementor-container{max-width:599px;}.elementor-327 .elementor-element.elementor-element-eee6fa3 > .elementor-container{max-width:599px;}.elementor-327 .elementor-element.elementor-element-4382e86 > .elementor-container{max-width:700px;}.elementor-327 .elementor-element.elementor-element-d9fe50a > .elementor-container{max-width:700px;}}@media(max-width:767px){.elementor-327 .elementor-element.elementor-element-30fc54e{text-align:center;}.elementor-327 .elementor-element.elementor-element-d809b93 > .elementor-container{max-width:300px;}.elementor-327 .elementor-element.elementor-element-cacc3ef > .elementor-container{max-width:300px;}.elementor-327 .elementor-element.elementor-element-85f450b > .elementor-container{max-width:300px;}.elementor-327 .elementor-element.elementor-element-eee6fa3 > .elementor-container{max-width:300px;}.elementor-327 .elementor-element.elementor-element-4382e86 > .elementor-container{max-width:300px;}.elementor-327 .elementor-element.elementor-element-d9fe50a > .elementor-container{max-width:300px;}}/* Start custom CSS for button, class: .elementor-element-a95e9cd *//* CSS für den Button (inkl. Hover-Effekt & Farbwechsel) */
.elementor-327 .elementor-element.elementor-element-a95e9cd {
    /* 1. Positionierung */
    position: absolute;
    bottom: 50px;                  /* Abstand vom unteren Rand (anpassen) */
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

    /* 2. Styling */
    background-color: #000000;     /* Schwarzer Hintergrund */
    color: #FFFFFF !important;     /* Weißer Text (Standard) */
    border-radius: 5px;            /* Abgerundete Ecken (anpassen) */
    padding: 6px 4px;              /* Innenabstand (oben/unten | links/rechts) */
    text-align: center;
    border: none;
    text-transform: uppercase;     /* Sorgt für Großbuchstaben */

    /* 3. Breite */
    width: 250px;                  /* Breite (anpassen) */
    max-width: 90%;
    box-sizing: border-box;

    /* 4. Übergang für den Hover-Effekt hinzufügen (inkl. Farbwechsel) */
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; /* Übergang für Hintergrund, Farbe und Grow */
}

/* 5. Hover-Effekt (direkt auf den Haupt-Button angewendet) */
.elementor-327 .elementor-element.elementor-element-a95e9cd:hover {
    background-color: #333333;     /* Etwas helleres Schwarz beim Hovern */
    transform: translateX(-50%) scale(1.1); /* Behält Zentrierung bei und skaliert ("Grow") */
}

/* Optional: Sicherstellen, dass der innere Link transparent ist */
.elementor-327 .elementor-element.elementor-element-a95e9cd .elementor-button-link {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    line-height: inherit;
    display: inline-block;
    width: 100%;
    color: inherit !important; /* Übernimmt Farbe vom Parent, wichtig für Hover */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0ea0fdf *//* CSS für den Button (inkl. Hover-Effekt & Farbwechsel) */
.elementor-327 .elementor-element.elementor-element-0ea0fdf {
    /* 1. Positionierung */
    position: absolute;
    bottom: 50px;                  /* Abstand vom unteren Rand (anpassen) */
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

    /* 2. Styling */
    background-color: #000000;     /* Schwarzer Hintergrund */
    color: #FFFFFF !important;     /* Weißer Text (Standard) */
    border-radius: 5px;            /* Abgerundete Ecken (anpassen) */
    padding: 6px 4px;              /* Innenabstand (oben/unten | links/rechts) */
    text-align: center;
    border: none;
    text-transform: uppercase;     /* Sorgt für Großbuchstaben */

    /* 3. Breite */
    width: 250px;                  /* Breite (anpassen) */
    max-width: 90%;
    box-sizing: border-box;

    /* 4. Übergang für den Hover-Effekt hinzufügen (inkl. Farbwechsel) */
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; /* Übergang für Hintergrund, Farbe und Grow */
}

/* 5. Hover-Effekt (direkt auf den Haupt-Button angewendet) */
.elementor-327 .elementor-element.elementor-element-0ea0fdf:hover {
    background-color: #333333;     /* Etwas helleres Schwarz beim Hovern */
    transform: translateX(-50%) scale(1.1); /* Behält Zentrierung bei und skaliert ("Grow") */
}

/* Optional: Sicherstellen, dass der innere Link transparent ist */
.elementor-327 .elementor-element.elementor-element-0ea0fdf .elementor-button-link {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    line-height: inherit;
    display: inline-block;
    width: 100%;
    color: inherit !important; /* Übernimmt Farbe vom Parent, wichtig für Hover */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c015554 *//* CSS für den Button (inkl. Hover-Effekt & Farbwechsel) */
.elementor-327 .elementor-element.elementor-element-c015554 {
    /* 1. Positionierung */
    position: absolute;
    bottom: 50px;                  /* Abstand vom unteren Rand (anpassen) */
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

    /* 2. Styling */
    background-color: #000000;     /* Schwarzer Hintergrund */
    color: #FFFFFF !important;     /* Weißer Text (Standard) */
    border-radius: 5px;            /* Abgerundete Ecken (anpassen) */
    padding: 6px 4px;              /* Innenabstand (oben/unten | links/rechts) */
    text-align: center;
    border: none;
    text-transform: uppercase;     /* Sorgt für Großbuchstaben */

    /* 3. Breite */
    width: 250px;                  /* Breite (anpassen) */
    max-width: 90%;
    box-sizing: border-box;

    /* 4. Übergang für den Hover-Effekt hinzufügen (inkl. Farbwechsel) */
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; /* Übergang für Hintergrund, Farbe und Grow */
}

/* 5. Hover-Effekt (direkt auf den Haupt-Button angewendet) */
.elementor-327 .elementor-element.elementor-element-c015554:hover {
    background-color: #333333;     /* Etwas helleres Schwarz beim Hovern */
    transform: translateX(-50%) scale(1.1); /* Behält Zentrierung bei und skaliert ("Grow") */
}

/* Optional: Sicherstellen, dass der innere Link transparent ist */
.elementor-327 .elementor-element.elementor-element-c015554 .elementor-button-link {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    line-height: inherit;
    display: inline-block;
    width: 100%;
    color: inherit !important; /* Übernimmt Farbe vom Parent, wichtig für Hover */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-c9ba3f3 *//* CSS für den Button (inkl. Hover-Effekt & Farbwechsel) */
.elementor-327 .elementor-element.elementor-element-c9ba3f3 {
    /* 1. Positionierung */
    position: absolute;
    bottom: 50px;                  /* Abstand vom unteren Rand (anpassen) */
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

    /* 2. Styling */
    background-color: #000000;     /* Schwarzer Hintergrund */
    color: #FFFFFF !important;     /* Weißer Text (Standard) */
    border-radius: 5px;            /* Abgerundete Ecken (anpassen) */
    padding: 6px 4px;              /* Innenabstand (oben/unten | links/rechts) */
    text-align: center;
    border: none;
    text-transform: uppercase;     /* Sorgt für Großbuchstaben */

    /* 3. Breite */
    width: 250px;                  /* Breite (anpassen) */
    max-width: 90%;
    box-sizing: border-box;

    /* 4. Übergang für den Hover-Effekt hinzufügen (inkl. Farbwechsel) */
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; /* Übergang für Hintergrund, Farbe und Grow */
}

/* 5. Hover-Effekt (direkt auf den Haupt-Button angewendet) */
.elementor-327 .elementor-element.elementor-element-c9ba3f3:hover {
    background-color: #333333;     /* Etwas helleres Schwarz beim Hovern */
    transform: translateX(-50%) scale(1.1); /* Behält Zentrierung bei und skaliert ("Grow") */
}

/* Optional: Sicherstellen, dass der innere Link transparent ist */
.elementor-327 .elementor-element.elementor-element-c9ba3f3 .elementor-button-link {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    line-height: inherit;
    display: inline-block;
    width: 100%;
    color: inherit !important; /* Übernimmt Farbe vom Parent, wichtig für Hover */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-75a284c *//* CSS für den Button (inkl. Hover-Effekt & Farbwechsel) */
.elementor-327 .elementor-element.elementor-element-75a284c {
    /* 1. Positionierung */
    position: absolute;
    bottom: 50px;                  /* Abstand vom unteren Rand (anpassen) */
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

    /* 2. Styling */
    background-color: #000000;     /* Schwarzer Hintergrund */
    color: #FFFFFF !important;     /* Weißer Text (Standard) */
    border-radius: 5px;            /* Abgerundete Ecken (anpassen) */
    padding: 6px 4px;              /* Innenabstand (oben/unten | links/rechts) */
    text-align: center;
    border: none;
    text-transform: uppercase;     /* Sorgt für Großbuchstaben */

    /* 3. Breite */
    width: 250px;                  /* Breite (anpassen) */
    max-width: 90%;
    box-sizing: border-box;

    /* 4. Übergang für den Hover-Effekt hinzufügen (inkl. Farbwechsel) */
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; /* Übergang für Hintergrund, Farbe und Grow */
}

/* 5. Hover-Effekt (direkt auf den Haupt-Button angewendet) */
.elementor-327 .elementor-element.elementor-element-75a284c:hover {
    background-color: #333333;     /* Etwas helleres Schwarz beim Hovern */
    transform: translateX(-50%) scale(1.1); /* Behält Zentrierung bei und skaliert ("Grow") */
}

/* Optional: Sicherstellen, dass der innere Link transparent ist */
.elementor-327 .elementor-element.elementor-element-75a284c .elementor-button-link {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    line-height: inherit;
    display: inline-block;
    width: 100%;
    color: inherit !important; /* Übernimmt Farbe vom Parent, wichtig für Hover */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-3159dbd *//* CSS für den Button (inkl. Hover-Effekt & Farbwechsel) */
.elementor-327 .elementor-element.elementor-element-3159dbd {
    /* 1. Positionierung */
    position: absolute;
    bottom: 50px;                  /* Abstand vom unteren Rand (anpassen) */
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

    /* 2. Styling */
    background-color: #000000;     /* Schwarzer Hintergrund */
    color: #FFFFFF !important;     /* Weißer Text (Standard) */
    border-radius: 5px;            /* Abgerundete Ecken (anpassen) */
    padding: 6px 4px;              /* Innenabstand (oben/unten | links/rechts) */
    text-align: center;
    border: none;
    text-transform: uppercase;     /* Sorgt für Großbuchstaben */

    /* 3. Breite */
    width: 250px;                  /* Breite (anpassen) */
    max-width: 90%;
    box-sizing: border-box;

    /* 4. Übergang für den Hover-Effekt hinzufügen (inkl. Farbwechsel) */
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; /* Übergang für Hintergrund, Farbe und Grow */
}

/* 5. Hover-Effekt (direkt auf den Haupt-Button angewendet) */
.elementor-327 .elementor-element.elementor-element-3159dbd:hover {
    background-color: #333333;     /* Etwas helleres Schwarz beim Hovern */
    transform: translateX(-50%) scale(1.1); /* Behält Zentrierung bei und skaliert ("Grow") */
}

/* Optional: Sicherstellen, dass der innere Link transparent ist */
.elementor-327 .elementor-element.elementor-element-3159dbd .elementor-button-link {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    line-height: inherit;
    display: inline-block;
    width: 100%;
    color: inherit !important; /* Übernimmt Farbe vom Parent, wichtig für Hover */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b26fd82 *//* CSS für den Button (inkl. Hover-Effekt & Farbwechsel) */
.elementor-327 .elementor-element.elementor-element-b26fd82 {
    /* 1. Positionierung */
    position: absolute;
    bottom: 50px;                  /* Abstand vom unteren Rand (anpassen) */
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

    /* 2. Styling */
    background-color: #000000;     /* Schwarzer Hintergrund */
    color: #FFFFFF !important;     /* Weißer Text (Standard) */
    border-radius: 5px;            /* Abgerundete Ecken (anpassen) */
    padding: 6px 4px;              /* Innenabstand (oben/unten | links/rechts) */
    text-align: center;
    border: none;
    text-transform: uppercase;     /* Sorgt für Großbuchstaben */

    /* 3. Breite */
    width: 250px;                  /* Breite (anpassen) */
    max-width: 90%;
    box-sizing: border-box;

    /* 4. Übergang für den Hover-Effekt hinzufügen (inkl. Farbwechsel) */
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; /* Übergang für Hintergrund, Farbe und Grow */
}

/* 5. Hover-Effekt (direkt auf den Haupt-Button angewendet) */
.elementor-327 .elementor-element.elementor-element-b26fd82:hover {
    background-color: #333333;     /* Etwas helleres Schwarz beim Hovern */
    transform: translateX(-50%) scale(1.1); /* Behält Zentrierung bei und skaliert ("Grow") */
}

/* Optional: Sicherstellen, dass der innere Link transparent ist */
.elementor-327 .elementor-element.elementor-element-b26fd82 .elementor-button-link {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    line-height: inherit;
    display: inline-block;
    width: 100%;
    color: inherit !important; /* Übernimmt Farbe vom Parent, wichtig für Hover */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-b8ce779 *//* CSS für den Button (inkl. Hover-Effekt & Farbwechsel) */
.elementor-327 .elementor-element.elementor-element-b8ce779 {
    /* 1. Positionierung */
    position: absolute;
    bottom: 50px;                  /* Abstand vom unteren Rand (anpassen) */
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

    /* 2. Styling */
    background-color: #000000;     /* Schwarzer Hintergrund */
    color: #FFFFFF !important;     /* Weißer Text (Standard) */
    border-radius: 5px;            /* Abgerundete Ecken (anpassen) */
    padding: 6px 4px;              /* Innenabstand (oben/unten | links/rechts) */
    text-align: center;
    border: none;
    text-transform: uppercase;     /* Sorgt für Großbuchstaben */

    /* 3. Breite */
    width: 250px;                  /* Breite (anpassen) */
    max-width: 90%;
    box-sizing: border-box;

    /* 4. Übergang für den Hover-Effekt hinzufügen (inkl. Farbwechsel) */
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; /* Übergang für Hintergrund, Farbe und Grow */
}

/* 5. Hover-Effekt (direkt auf den Haupt-Button angewendet) */
.elementor-327 .elementor-element.elementor-element-b8ce779:hover {
    background-color: #333333;     /* Etwas helleres Schwarz beim Hovern */
    transform: translateX(-50%) scale(1.1); /* Behält Zentrierung bei und skaliert ("Grow") */
}

/* Optional: Sicherstellen, dass der innere Link transparent ist */
.elementor-327 .elementor-element.elementor-element-b8ce779 .elementor-button-link {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    line-height: inherit;
    display: inline-block;
    width: 100%;
    color: inherit !important; /* Übernimmt Farbe vom Parent, wichtig für Hover */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-50cd6da *//* CSS für den Button (inkl. Hover-Effekt & Farbwechsel) */
.elementor-327 .elementor-element.elementor-element-50cd6da {
    /* 1. Positionierung */
    position: absolute;
    bottom: 50px;                  /* Abstand vom unteren Rand (anpassen) */
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

    /* 2. Styling */
    background-color: #000000;     /* Schwarzer Hintergrund */
    color: #FFFFFF !important;     /* Weißer Text (Standard) */
    border-radius: 5px;            /* Abgerundete Ecken (anpassen) */
    padding: 6px 4px;              /* Innenabstand (oben/unten | links/rechts) */
    text-align: center;
    border: none;
    text-transform: uppercase;     /* Sorgt für Großbuchstaben */

    /* 3. Breite */
    width: 250px;                  /* Breite (anpassen) */
    max-width: 90%;
    box-sizing: border-box;

    /* 4. Übergang für den Hover-Effekt hinzufügen (inkl. Farbwechsel) */
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; /* Übergang für Hintergrund, Farbe und Grow */
}

/* 5. Hover-Effekt (direkt auf den Haupt-Button angewendet) */
.elementor-327 .elementor-element.elementor-element-50cd6da:hover {
    background-color: #333333;     /* Etwas helleres Schwarz beim Hovern */
    transform: translateX(-50%) scale(1.1); /* Behält Zentrierung bei und skaliert ("Grow") */
}

/* Optional: Sicherstellen, dass der innere Link transparent ist */
.elementor-327 .elementor-element.elementor-element-50cd6da .elementor-button-link {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    line-height: inherit;
    display: inline-block;
    width: 100%;
    color: inherit !important; /* Übernimmt Farbe vom Parent, wichtig für Hover */
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-69f6015 *//* CSS für den Button (inkl. Hover-Effekt & Farbwechsel) */
.elementor-327 .elementor-element.elementor-element-69f6015 {
    /* 1. Positionierung */
    position: absolute;
    bottom: 50px;                  /* Abstand vom unteren Rand (anpassen) */
    left: 50%;
    transform: translateX(-50%);
    z-index: 10;

    /* 2. Styling */
    background-color: #000000;     /* Schwarzer Hintergrund */
    color: #FFFFFF !important;     /* Weißer Text (Standard) */
    border-radius: 5px;            /* Abgerundete Ecken (anpassen) */
    padding: 6px 4px;              /* Innenabstand (oben/unten | links/rechts) */
    text-align: center;
    border: none;
    text-transform: uppercase;     /* Sorgt für Großbuchstaben */

    /* 3. Breite */
    width: 250px;                  /* Breite (anpassen) */
    max-width: 90%;
    box-sizing: border-box;

    /* 4. Übergang für den Hover-Effekt hinzufügen (inkl. Farbwechsel) */
    transition: background-color 0.3s ease, color 0.3s ease, transform 0.3s ease; /* Übergang für Hintergrund, Farbe und Grow */
}

/* 5. Hover-Effekt (direkt auf den Haupt-Button angewendet) */
.elementor-327 .elementor-element.elementor-element-69f6015:hover {
    background-color: #333333;     /* Etwas helleres Schwarz beim Hovern */
    transform: translateX(-50%) scale(1.1); /* Behält Zentrierung bei und skaliert ("Grow") */
}

/* Optional: Sicherstellen, dass der innere Link transparent ist */
.elementor-327 .elementor-element.elementor-element-69f6015 .elementor-button-link {
    background: none !important;
    border: none !important;
    padding: 0 !important;
    line-height: inherit;
    display: inline-block;
    width: 100%;
    color: inherit !important; /* Übernimmt Farbe vom Parent, wichtig für Hover */
}/* End custom CSS */