.elementor-6873 .elementor-element.elementor-element-2e61d48{--display:flex;--min-height:450px;--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:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--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-6873 .elementor-element.elementor-element-098a90f{--display:flex;--min-height:320px;--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-6873 .elementor-element.elementor-element-098a90f:not(.elementor-motion-effects-element-type-background), .elementor-6873 .elementor-element.elementor-element-098a90f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://yves-stahl.de/wp-content/uploads/2026/02/denis-zelenykh-fd9CLvRae9I-unsplash-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-6873 .elementor-element.elementor-element-7c71f90{--display:flex;--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;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:100px;--padding-right:40px;--z-index:2;}.elementor-6873 .elementor-element.elementor-element-7c71f90:not(.elementor-motion-effects-element-type-background), .elementor-6873 .elementor-element.elementor-element-7c71f90 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-6873 .elementor-element.elementor-element-268c886{text-align:start;}.elementor-6873 .elementor-element.elementor-element-268c886 .elementor-heading-title{font-size:54px;text-transform:uppercase;color:var( --e-global-color-astglobalcolor0 );}.elementor-6873 .elementor-element.elementor-element-6e06688{text-align:start;}.elementor-6873 .elementor-element.elementor-element-6e06688 .elementor-heading-title{font-size:40px;}.elementor-6873 .elementor-element.elementor-element-fec7d2d{text-align:start;color:var( --e-global-color-secondary );}.elementor-6873 .elementor-element.elementor-element-d9a7d2a > .elementor-widget-container{padding:15px 30px 15px 30px;}#elementor-popup-modal-6873 .dialog-widget-content{animation-duration:1.2s;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);margin:0px 0px 0px 0px;}#elementor-popup-modal-6873{background-color:rgba(0,0,0,.8);justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-6873 .dialog-message{width:850px;height:auto;padding:0px 0px 0px 0px;}#elementor-popup-modal-6873 .dialog-close-button{display:flex;}@media(max-width:1220px){.elementor-6873 .elementor-element.elementor-element-2e61d48{--min-height:450px;}.elementor-6873 .elementor-element.elementor-element-7c71f90{--gap:10px 10px;--row-gap:10px;--column-gap:10px;}}@media(min-width:768px){.elementor-6873 .elementor-element.elementor-element-2e61d48{--content-width:100%;}.elementor-6873 .elementor-element.elementor-element-098a90f{--width:60%;}.elementor-6873 .elementor-element.elementor-element-7c71f90{--width:50%;}}@media(max-width:1220px) and (min-width:768px){.elementor-6873 .elementor-element.elementor-element-2e61d48{--content-width:100%;}}@media(max-width:767px){.elementor-6873 .elementor-element.elementor-element-2e61d48{--content-width:100%;--min-height:0px;}.elementor-6873 .elementor-element.elementor-element-098a90f{--width:50%;--min-height:220px;}.elementor-6873 .elementor-element.elementor-element-7c71f90{--width:100%;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:25px;--padding-bottom:15px;--padding-left:41px;--padding-right:15px;}.elementor-6873 .elementor-element.elementor-element-268c886 .elementor-heading-title{font-size:26px;}.elementor-6873 .elementor-element.elementor-element-6e06688 .elementor-heading-title{font-size:28px;line-height:1.2em;}.elementor-6873 .elementor-element.elementor-element-fec7d2d{line-height:1.4em;}.elementor-6873 .elementor-element.elementor-element-d9a7d2a > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-6873 .elementor-element.elementor-element-d9a7d2a .elementor-button{font-size:12px;padding:08px 0px 08px 20px;}#elementor-popup-modal-6873 .dialog-message{width:850px;}#elementor-popup-modal-6873{justify-content:center;}#elementor-popup-modal-6873 .dialog-close-button{top:2%;}body:not(.rtl) #elementor-popup-modal-6873 .dialog-close-button{right:2%;}body.rtl #elementor-popup-modal-6873 .dialog-close-button{left:2%;}}/* Start custom CSS for button, class: .elementor-element-d9a7d2a *//* 1. Tennisball direkt neben den Text setzen (noch unsichtbar) */
.elementor-6873 .elementor-element.elementor-element-d9a7d2a .elementor-button-text::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url('https://yves-stahl.de/wp-content/uploads/2026/02/favicon.ico');
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-left: 10px; /* Abstand zum Text */
    opacity: 0; /* Im Normalzustand unsichtbar */
    transform: translateX(-15px); /* Startet leicht nach links versetzt */
    transition: all 0.3s ease-in-out;
}

/* 2. Beim Hover: Ball einblenden und nach rechts rollen lassen */
.elementor-6873 .elementor-element.elementor-element-d9a7d2a .elementor-button:hover .elementor-button-text::after {
    opacity: 1; /* Sichtbar machen */
    transform: translateX(0); /* Auf die Endposition schieben */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7c71f90 *//* Standard (Desktop & Tablet) */
.elementor-6873 .elementor-element.elementor-element-7c71f90 {
    flex-shrink: 0 !important;
    width: 55% !important; 
    margin-left: -10% !important;
    clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
}

/* Handy (Mobile) */
@media (max-width: 767px) {
    .elementor-6873 .elementor-element.elementor-element-7c71f90 {
        width: 65% !important; /* Textbereich bekommt mehr Platz */
        margin-left: -15% !important; /* Stärkere Überlappung */
        clip-path: polygon(15% 0, 100% 0, 100% 100%, 0% 100%);
    }
}/* End custom CSS */