.elementor-1559 .elementor-element.elementor-element-89ba097{--display:flex;--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:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1559 .elementor-element.elementor-element-589126f{--display:flex;--border-radius:14px 14px 14px 14px;--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-1559 .elementor-element.elementor-element-84d5550{--display:flex;--min-height:550px;--justify-content:space-between;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--border-radius:14px 14px 14px 14px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:15px;--padding-bottom:15px;--padding-left:15px;--padding-right:15px;}.elementor-1559 .elementor-element.elementor-element-84d5550:not(.elementor-motion-effects-element-type-background), .elementor-1559 .elementor-element.elementor-element-84d5550 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );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 );}.elementor-1559 .elementor-element.elementor-element-5eb6115 img{width:100%;height:250px;object-fit:cover;object-position:center center;border-radius:7px 7px 7px 7px;}.elementor-1559 .elementor-element.elementor-element-2a7de2e{--spacer-size:10px;}.elementor-widget-text-editor{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 );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-1559 .elementor-element.elementor-element-4002e52{font-family:"Lexend", Sans-serif;font-size:20px;font-weight:600;line-height:13px;color:var( --e-global-color-primary );}.elementor-widget-heading .elementor-heading-title{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 );color:var( --e-global-color-primary );}.elementor-1559 .elementor-element.elementor-element-304c62d .elementor-heading-title{font-family:"Lexend", Sans-serif;font-size:22px;font-weight:600;line-height:28px;color:var( --e-global-color-text );}.elementor-1559 .elementor-element.elementor-element-64efa13{--spacer-size:30px;}.elementor-1559 .elementor-element.elementor-element-66aeba0{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}@media(max-width:1024px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}@media(max-width:767px){.elementor-widget-image .widget-image-caption{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}}/* Start custom CSS for image, class: .elementor-element-5eb6115 */ /* 1. Container beschneiden UND den Border-Radius fixieren */
.zoom-rahmen-effekt,
.zoom-rahmen-effekt .elementor-widget-container,
.zoom-rahmen-effekt .elementor-image-wrapper,
.zoom-rahmen-effekt .elementor-image {
    overflow: hidden !important;
    border-radius: 7px !important;
    
    /* Dieser Befehl zwingt den Browser, die Ecken auch beim Zoomen rund zu lassen */
    isolation: isolate !important;
    -webkit-backface-visibility: hidden !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) !important;
}

/* 2. Das Bild für die Animation vorbereiten */
.zoom-rahmen-effekt img {
    transition: transform 0.5s ease-in-out !important;
    display: block !important;
    border-radius: 7px !important; /* Sicherheitshalber auch fürs Bild */
}

/* 3. Den Zoom auslösen */
.zoom-rahmen-effekt:hover img {
    transform: scale(1.15) !important;
} /* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66aeba0 */ /* ==========================================
   NEUE KLASSE FÜR HORIZONTALEN DOWNLOAD BUTTON 
   ========================================== */

.download-btn-horizontal {
    display: flex; /* Geändert von inline-flex auf flex */
    width: 100%;   /* Neu hinzugefügt für 100% Breite */
    align-items: center;
    justify-content: space-between;
    background: #3B70D9;
    border-radius: 12px;
    padding: 9px 9px 9px 25px;
    text-decoration: none;
    gap: 25px;
    transition: background 0.3s ease;
    cursor: pointer;
    box-sizing: border-box; /* Verhindert, dass das Padding das 100%-Layout sprengt */
}

.download-btn-horizontal:hover {
    background: #071432;
}

/* TEXT */
.download-btn-horizontal .download-btn-text {
    font-family: 'Lexend', sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #0B1D47;
    transition: color 0.3s ease;
}

.download-btn-horizontal:hover .download-btn-text {
    color: #3B70D9;
}

/* WEISSE BOX */
.download-btn-horizontal .download-btn-icon-wrap {
    position: relative;
    width: 50px;
    height: 50px;
    background: #fff;
    border-radius: 10px;
    overflow: hidden; /* Wichtig, damit das Icon beim Rausfahren verschwindet */
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

/* ICON STYLING */
.download-btn-horizontal .icon-download {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200%;
    height: 200%;
}

.download-btn-horizontal .icon-download svg {
    width: 80px; 
    height: 80px;
    display: block;
}

/* HORIZONTALE ANIMATION */
.download-btn-horizontal:hover .icon-download {
    animation: downloadArrowLoopHorizontal 0.5s cubic-bezier(0.45, 0, 0.55, 1);
}

@keyframes downloadArrowLoopHorizontal {
    0% { transform: translateX(0); opacity: 1; }
    40% { transform: translateX(100%); opacity: 1; } /* Nach rechts raus */
    41% { opacity: 0; }
    45% { transform: translateX(-100%); opacity: 0; } /* Links positionieren */
    50% { opacity: 1; }
    100% { transform: translateX(0); } /* Von links wieder rein */
} /* End custom CSS */