.elementor-831 .elementor-element.elementor-element-4401a6a{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:50px;--padding-right:50px;overflow:visible;}.elementor-831 .elementor-element.elementor-element-4401a6a:not(.elementor-motion-effects-element-type-background), .elementor-831 .elementor-element.elementor-element-4401a6a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-astglobalcolor4 );}.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 );}.elementor-831 .elementor-element.elementor-element-d450051.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-831 .elementor-element.elementor-element-d450051 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:70px;font-weight:400;text-transform:uppercase;}.elementor-widget-divider .elementor-divider__text{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-size:var( --e-global-typography-secondary-font-size );font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-831 .elementor-element.elementor-element-b23ed25{--divider-border-style:solid;--divider-color:var( --e-global-color-astglobalcolor0 );--divider-border-width:3px;}.elementor-831 .elementor-element.elementor-element-b23ed25 .elementor-divider-separator{width:46%;}.elementor-831 .elementor-element.elementor-element-b23ed25 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-831 .elementor-element.elementor-element-4f71c87 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:30px;font-weight:700;}.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 );}.elementor-831 .elementor-element.elementor-element-f36ac32{font-family:"Merriweather Sans", Sans-serif;font-size:18px;font-weight:400;}.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 );}.elementor-831 .elementor-element.elementor-element-a76f1d4{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-831 .elementor-element.elementor-element-cda1cee{--display:flex;--min-height:900px;--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;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-831 .elementor-element.elementor-element-cda1cee:not(.elementor-motion-effects-element-type-background), .elementor-831 .elementor-element.elementor-element-cda1cee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/vdf-federn-gruppe.png");background-repeat:no-repeat;background-size:cover;}.elementor-831 .elementor-element.elementor-element-cda1cee.e-con{--align-self:flex-end;}.elementor-831 .elementor-element.elementor-element-080381f{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-831 .elementor-element.elementor-element-080381f:not(.elementor-motion-effects-element-type-background), .elementor-831 .elementor-element.elementor-element-080381f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0060A9B3;}.elementor-831 .elementor-element.elementor-element-10be682{width:auto;max-width:auto;text-align:start;}.elementor-831 .elementor-element.elementor-element-10be682 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:36px;font-weight:700;text-transform:uppercase;}.elementor-831 .elementor-element.elementor-element-03a6090{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-831 .elementor-element.elementor-element-03a6090.e-con{--align-self:flex-end;}.elementor-831 .elementor-element.elementor-element-cd4105e{padding:0px 0px 0px 0px;font-family:"Merriweather Sans", Sans-serif;font-size:17px;font-weight:400;}.elementor-831 .elementor-element.elementor-element-7298cbb{padding:0px 0px 0px 0px;}.elementor-831 .elementor-element.elementor-element-2d6ade6{--display:flex;--min-height:900px;--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:flex-end;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-831 .elementor-element.elementor-element-2d6ade6:not(.elementor-motion-effects-element-type-background), .elementor-831 .elementor-element.elementor-element-2d6ade6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/kreutzer-stanz-biegetechnik.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-831 .elementor-element.elementor-element-2d6ade6.e-con{--align-self:flex-end;}.elementor-831 .elementor-element.elementor-element-4b6f06b{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-831 .elementor-element.elementor-element-4b6f06b:not(.elementor-motion-effects-element-type-background), .elementor-831 .elementor-element.elementor-element-4b6f06b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0060A9B3;}.elementor-831 .elementor-element.elementor-element-3fa705c{width:auto;max-width:auto;text-align:start;}.elementor-831 .elementor-element.elementor-element-3fa705c .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:36px;font-weight:700;text-transform:uppercase;}.elementor-831 .elementor-element.elementor-element-1d32e3a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-831 .elementor-element.elementor-element-1d32e3a.e-con{--align-self:flex-end;}.elementor-831 .elementor-element.elementor-element-837a3e4{padding:0px 0px 0px 0px;font-family:"Merriweather Sans", Sans-serif;font-size:17px;font-weight:400;}.elementor-831 .elementor-element.elementor-element-5f0e9e0{padding:0px 0px 0px 0px;}.elementor-831 .elementor-element.elementor-element-758027e{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-831 .elementor-element.elementor-element-0cdc619{--display:flex;--min-height:900px;--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;--justify-content:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-831 .elementor-element.elementor-element-0cdc619:not(.elementor-motion-effects-element-type-background), .elementor-831 .elementor-element.elementor-element-0cdc619 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/renzing-federntechnik.jpg");background-repeat:no-repeat;background-size:cover;}.elementor-831 .elementor-element.elementor-element-0cdc619.e-con{--align-self:flex-end;}.elementor-831 .elementor-element.elementor-element-9a908e2{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-831 .elementor-element.elementor-element-9a908e2:not(.elementor-motion-effects-element-type-background), .elementor-831 .elementor-element.elementor-element-9a908e2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0060A9B3;}.elementor-831 .elementor-element.elementor-element-a65a984{width:auto;max-width:auto;text-align:start;}.elementor-831 .elementor-element.elementor-element-a65a984 .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:36px;font-weight:700;text-transform:uppercase;}.elementor-831 .elementor-element.elementor-element-3d88e97{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-831 .elementor-element.elementor-element-3d88e97.e-con{--align-self:flex-end;}.elementor-831 .elementor-element.elementor-element-a92449d{padding:0px 0px 0px 0px;font-family:"Merriweather Sans", Sans-serif;font-size:17px;font-weight:400;}.elementor-831 .elementor-element.elementor-element-5649d77{padding:0px 0px 0px 0px;}.elementor-831 .elementor-element.elementor-element-a868f40{--display:flex;--min-height:900px;--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:flex-end;--align-items:flex-end;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-831 .elementor-element.elementor-element-a868f40:not(.elementor-motion-effects-element-type-background), .elementor-831 .elementor-element.elementor-element-a868f40 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://vdf-federn.de/wp-content/uploads/2026/04/porsche-tech-center.jpeg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-831 .elementor-element.elementor-element-a868f40.e-con{--align-self:flex-end;}.elementor-831 .elementor-element.elementor-element-53709c1{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-831 .elementor-element.elementor-element-53709c1:not(.elementor-motion-effects-element-type-background), .elementor-831 .elementor-element.elementor-element-53709c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#0060A9B3;}.elementor-831 .elementor-element.elementor-element-8fe26fc{width:auto;max-width:auto;text-align:start;}.elementor-831 .elementor-element.elementor-element-8fe26fc .elementor-heading-title{font-family:"Klavika", Sans-serif;font-size:36px;font-weight:700;text-transform:uppercase;}.elementor-831 .elementor-element.elementor-element-db07634{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-831 .elementor-element.elementor-element-db07634.e-con{--align-self:flex-end;}.elementor-831 .elementor-element.elementor-element-bf869ae{padding:0px 0px 0px 0px;font-family:"Merriweather Sans", Sans-serif;font-size:17px;font-weight:400;}.elementor-831 .elementor-element.elementor-element-acd6097{padding:0px 0px 0px 0px;}:root{--page-title-display:none;}@media(max-width:1200px){.elementor-831 .elementor-element.elementor-element-cd4105e{font-size:16px;}}@media(min-width:768px){.elementor-831 .elementor-element.elementor-element-cda1cee{--width:50%;}.elementor-831 .elementor-element.elementor-element-080381f{--width:70%;}.elementor-831 .elementor-element.elementor-element-2d6ade6{--width:50%;}.elementor-831 .elementor-element.elementor-element-4b6f06b{--width:70%;}.elementor-831 .elementor-element.elementor-element-0cdc619{--width:50%;}.elementor-831 .elementor-element.elementor-element-9a908e2{--width:70%;}.elementor-831 .elementor-element.elementor-element-a868f40{--width:50%;}.elementor-831 .elementor-element.elementor-element-53709c1{--width:70%;}}@media(max-width:880px) and (min-width:768px){.elementor-831 .elementor-element.elementor-element-cda1cee{--width:1600px;}.elementor-831 .elementor-element.elementor-element-2d6ade6{--width:1600px;}.elementor-831 .elementor-element.elementor-element-0cdc619{--width:1600px;}.elementor-831 .elementor-element.elementor-element-a868f40{--width:1600px;}}@media(max-width:1600px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}@media(max-width:880px){.elementor-831 .elementor-element.elementor-element-d450051 .elementor-heading-title{font-size:50px;}.elementor-831 .elementor-element.elementor-element-a76f1d4{--flex-wrap:wrap;}.elementor-831 .elementor-element.elementor-element-758027e{--flex-wrap:wrap;}}@media(max-width:767px){.elementor-831 .elementor-element.elementor-element-4401a6a{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-831 .elementor-element.elementor-element-d450051{width:var( --container-widget-width, 296px );max-width:296px;--container-widget-width:296px;--container-widget-flex-grow:0;}.elementor-831 .elementor-element.elementor-element-d450051 .elementor-heading-title{font-size:40px;}.elementor-widget-divider .elementor-divider__text{font-size:var( --e-global-typography-secondary-font-size );}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );}.elementor-widget-button .elementor-button{font-size:var( --e-global-typography-accent-font-size );}}/* Start custom CSS for container, class: .elementor-element-cda1cee *//* ==========================================================
   1. DESKTOP-BASIS (Unverändert)
   ========================================================== */

/* 1. DER BLAUE INNENCONTAINER */
.elementor-831 .elementor-element.elementor-element-cda1cee > .e-con, 
.elementor-831 .elementor-element.elementor-element-cda1cee > .e-container {
    margin: 0 !important;
    align-self: flex-end;
    
    /* Desktop bleibt starr auf 550px */
    height: 550px !important; 
    
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    
    padding: 40px !important;
    background-color: #0060A9B3 !important;
    box-sizing: border-box !important;
    overflow: hidden;
}

/* 2. VERTIKALER TEXT */
.elementor-831 .elementor-element.elementor-element-cda1cee .mein-vertikaler-titel {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: normal !important;
    text-transform: uppercase;
    
    margin: 0 40px 0 0 !important;
    height: 100% !important; 
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    line-height: 1.1 !important;
}

.elementor-831 .elementor-element.elementor-element-cda1cee .mein-vertikaler-titel .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
}

/* 3. RECHTER BLOCK (Text & Button) */
.elementor-831 .elementor-element.elementor-element-cda1cee .elementor-widget:not(.mein-vertikaler-titel) {
    margin-top: auto !important; 
    margin-bottom: 0 !important;
}

.elementor-831 .elementor-element.elementor-element-cda1cee .elementor-widget-button {
    margin-bottom: 5px !important; 
}


/* ==========================================================
   2. RESPONSIVE ANPASSUNGEN (Tablet & Mobil)
   ========================================================== */

/* --- TABLET PORTRAIT & MOBILE LANDSCAPE --- */
@media (max-width: 1024px) {
    /* FIX: Den äußeren Container für ein kompakteres Tablet-Layout schrumpfen */
    .elementor-831 .elementor-element.elementor-element-cda1cee {
        height: 420px !important;     /* Deine Tablet-Wunschhöhe */
        min-height: 420px !important;
    }

    .elementor-831 .elementor-element.elementor-element-cda1cee > .e-con, 
    .elementor-831 .elementor-element.elementor-element-cda1cee > .e-container {
        height: 100% !important;       /* Füllt exakt die 420px von oben aus */
        min-height: 100% !important; 
        padding: 25px 20px !important; /* Weniger Padding gibt dem Text mehr Breite */
    }

    .elementor-831 .elementor-element.elementor-element-cda1cee .mein-vertikaler-titel {
        margin: 0 20px 0 0 !important; 
    }

    /* Titel verkleinern, damit er in der geringeren Höhe einzeilig bleibt */
    .elementor-831 .elementor-element.elementor-element-cda1cee .mein-vertikaler-titel .elementor-heading-title {
        font-size: 22px !important;
    }

    /* Textbeschreibungen auf Tablets kompakter machen */
    .elementor-831 .elementor-element.elementor-element-cda1cee .elementor-widget-text-editor,
    .elementor-831 .elementor-element.elementor-element-cda1cee .elementor-widget-heading:not(.mein-vertikaler-titel) {
        font-size: 14px !important;
    }
}

/* --- HANDY (Portrait) --- */
@media (max-width: 767px) {
    /* FIX 1: Greift die Außenhülle des Slides und staucht sie radikal zusammen */
    .elementor-831 .elementor-element.elementor-element-cda1cee {
        height: 380px !important;     /* <--- HIER DEINE GEWÜNSCHTE HANDY-HÖHE EINTRAGEN */
        min-height: 380px !important;
    }

    /* FIX 2: Der blaue Kasten passt sich nun der Außenhülle an */
    .elementor-831 .elementor-element.elementor-element-cda1cee > .e-con, 
    .elementor-831 .elementor-element.elementor-element-cda1cee > .e-container {
        flex-direction: column !important;
        height: 100% !important;       /* Nutzt exakt die 380px von oben */
        min-height: 100% !important;
        padding: 20px 15px !important; /* Weniger Padding verhindert das Aufblähen von innen */
        justify-content: flex-start !important;
    }

    /* Vertikalen Titel wieder NORMAL (horizontal) machen */
    .elementor-831 .elementor-element.elementor-element-cda1cee .mein-vertikaler-titel {
        writing-mode: horizontal-tb !important;
        transform: none !important;
        height: auto !important;
        width: 100% !important;
        margin: 0 0 10px 0 !important; /* Knackiger Abstand nach unten */
        justify-content: flex-start !important;
    }

    .elementor-831 .elementor-element.elementor-element-cda1cee .mein-vertikaler-titel .elementor-heading-title {
        font-size: 22px !important;    /* Etwas kompakter fürs Handy */
    }

    /* Rechten Block aus der Verankerung lösen */
    .elementor-831 .elementor-element.elementor-element-cda1cee .elementor-widget:not(.mein-vertikaler-titel) {
        margin-top: 0 !important; 
        width: 100% !important;
    }

    /* Button unten positionieren mit angepasstem Abstand */
    .elementor-831 .elementor-element.elementor-element-cda1cee .elementor-widget-button {
        margin-top: 12px !important;
        margin-bottom: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2d6ade6 *//* ==========================================================
   1. DESKTOP-BASIS (Unverändert)
   ========================================================== */

/* 1. DER BLAUE INNENCONTAINER */
.elementor-831 .elementor-element.elementor-element-2d6ade6 > .e-con, 
.elementor-831 .elementor-element.elementor-element-2d6ade6 > .e-container {
    margin: 0 !important;
    align-self: flex-end;
    
    /* Desktop bleibt starr auf 550px */
    height: 550px !important; 
    
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    
    padding: 40px !important;
    background-color: #0060A9B3 !important;
    box-sizing: border-box !important;
    overflow: hidden;
}

/* 2. VERTIKALER TEXT */
.elementor-831 .elementor-element.elementor-element-2d6ade6 .mein-vertikaler-titel {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: normal !important;
    text-transform: uppercase;
    
    margin: 0 40px 0 0 !important;
    height: 100% !important; 
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    line-height: 1.1 !important;
}

.elementor-831 .elementor-element.elementor-element-2d6ade6 .mein-vertikaler-titel .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
}

/* 3. RECHTER BLOCK (Text & Button) */
.elementor-831 .elementor-element.elementor-element-2d6ade6 .elementor-widget:not(.mein-vertikaler-titel) {
    margin-top: auto !important; 
    margin-bottom: 0 !important;
}

.elementor-831 .elementor-element.elementor-element-2d6ade6 .elementor-widget-button {
    margin-bottom: 5px !important; 
}


/* ==========================================================
   2. RESPONSIVE ANPASSUNGEN (Tablet & Mobil)
   ========================================================== */

/* --- TABLET PORTRAIT & MOBILE LANDSCAPE --- */
@media (max-width: 1024px) {
    /* FIX: Den äußeren Container für ein kompakteres Tablet-Layout schrumpfen */
    .elementor-831 .elementor-element.elementor-element-2d6ade6 {
        height: 420px !important;     /* Deine Tablet-Wunschhöhe */
        min-height: 420px !important;
    }

    .elementor-831 .elementor-element.elementor-element-2d6ade6 > .e-con, 
    .elementor-831 .elementor-element.elementor-element-2d6ade6 > .e-container {
        height: 100% !important;       /* Füllt exakt die 420px von oben aus */
        min-height: 100% !important; 
        padding: 25px 20px !important; /* Weniger Padding gibt dem Text mehr Breite */
    }

    .elementor-831 .elementor-element.elementor-element-2d6ade6 .mein-vertikaler-titel {
        margin: 0 20px 0 0 !important; 
    }

    /* Titel verkleinern, damit er in der geringeren Höhe einzeilig bleibt */
    .elementor-831 .elementor-element.elementor-element-2d6ade6 .mein-vertikaler-titel .elementor-heading-title {
        font-size: 22px !important;
    }

    /* Textbeschreibungen auf Tablets kompakter machen */
    .elementor-831 .elementor-element.elementor-element-2d6ade6 .elementor-widget-text-editor,
    .elementor-831 .elementor-element.elementor-element-2d6ade6 .elementor-widget-heading:not(.mein-vertikaler-titel) {
        font-size: 14px !important;
    }
}

/* --- HANDY (Portrait) --- */
@media (max-width: 767px) {
    /* FIX 1: Greift die Außenhülle des Slides und staucht sie radikal zusammen */
    .elementor-831 .elementor-element.elementor-element-2d6ade6 {
        height: 380px !important;     /* <--- HIER DEINE GEWÜNSCHTE HANDY-HÖHE EINTRAGEN */
        min-height: 380px !important;
    }

    /* FIX 2: Der blaue Kasten passt sich nun der Außenhülle an */
    .elementor-831 .elementor-element.elementor-element-2d6ade6 > .e-con, 
    .elementor-831 .elementor-element.elementor-element-2d6ade6 > .e-container {
        flex-direction: column !important;
        height: 100% !important;       /* Nutzt exakt die 380px von oben */
        min-height: 100% !important;
        padding: 20px 15px !important; /* Weniger Padding verhindert das Aufblähen von innen */
        justify-content: flex-start !important;
    }

    /* Vertikalen Titel wieder NORMAL (horizontal) machen */
    .elementor-831 .elementor-element.elementor-element-2d6ade6 .mein-vertikaler-titel {
        writing-mode: horizontal-tb !important;
        transform: none !important;
        height: auto !important;
        width: 100% !important;
        margin: 0 0 10px 0 !important; /* Knackiger Abstand nach unten */
        justify-content: flex-start !important;
    }

    .elementor-831 .elementor-element.elementor-element-2d6ade6 .mein-vertikaler-titel .elementor-heading-title {
        font-size: 22px !important;    /* Etwas kompakter fürs Handy */
    }

    /* Rechten Block aus der Verankerung lösen */
    .elementor-831 .elementor-element.elementor-element-2d6ade6 .elementor-widget:not(.mein-vertikaler-titel) {
        margin-top: 0 !important; 
        width: 100% !important;
    }

    /* Button unten positionieren mit angepasstem Abstand */
    .elementor-831 .elementor-element.elementor-element-2d6ade6 .elementor-widget-button {
        margin-top: 12px !important;
        margin-bottom: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-0cdc619 *//* ==========================================================
   1. DESKTOP-BASIS (Unverändert)
   ========================================================== */

/* 1. DER BLAUE INNENCONTAINER */
.elementor-831 .elementor-element.elementor-element-0cdc619 > .e-con, 
.elementor-831 .elementor-element.elementor-element-0cdc619 > .e-container {
    margin: 0 !important;
    align-self: flex-end;
    
    /* Desktop bleibt starr auf 550px */
    height: 550px !important; 
    
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    
    padding: 40px !important;
    background-color: #0060A9B3 !important;
    box-sizing: border-box !important;
    overflow: hidden;
}

/* 2. VERTIKALER TEXT */
.elementor-831 .elementor-element.elementor-element-0cdc619 .mein-vertikaler-titel {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: normal !important;
    text-transform: uppercase;
    
    margin: 0 40px 0 0 !important;
    height: 100% !important; 
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    line-height: 1.1 !important;
}

.elementor-831 .elementor-element.elementor-element-0cdc619 .mein-vertikaler-titel .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
}

/* 3. RECHTER BLOCK (Text & Button) */
.elementor-831 .elementor-element.elementor-element-0cdc619 .elementor-widget:not(.mein-vertikaler-titel) {
    margin-top: auto !important; 
    margin-bottom: 0 !important;
}

.elementor-831 .elementor-element.elementor-element-0cdc619 .elementor-widget-button {
    margin-bottom: 5px !important; 
}


/* ==========================================================
   2. RESPONSIVE ANPASSUNGEN (Tablet & Mobil)
   ========================================================== */

/* --- TABLET PORTRAIT & MOBILE LANDSCAPE --- */
@media (max-width: 1024px) {
    /* FIX: Den äußeren Container für ein kompakteres Tablet-Layout schrumpfen */
    .elementor-831 .elementor-element.elementor-element-0cdc619 {
        height: 420px !important;     /* Deine Tablet-Wunschhöhe */
        min-height: 420px !important;
    }

    .elementor-831 .elementor-element.elementor-element-0cdc619 > .e-con, 
    .elementor-831 .elementor-element.elementor-element-0cdc619 > .e-container {
        height: 100% !important;       /* Füllt exakt die 420px von oben aus */
        min-height: 100% !important; 
        padding: 25px 20px !important; /* Weniger Padding gibt dem Text mehr Breite */
    }

    .elementor-831 .elementor-element.elementor-element-0cdc619 .mein-vertikaler-titel {
        margin: 0 20px 0 0 !important; 
    }

    /* Titel verkleinern, damit er in der geringeren Höhe einzeilig bleibt */
    .elementor-831 .elementor-element.elementor-element-0cdc619 .mein-vertikaler-titel .elementor-heading-title {
        font-size: 22px !important;
    }

    /* Textbeschreibungen auf Tablets kompakter machen */
    .elementor-831 .elementor-element.elementor-element-0cdc619 .elementor-widget-text-editor,
    .elementor-831 .elementor-element.elementor-element-0cdc619 .elementor-widget-heading:not(.mein-vertikaler-titel) {
        font-size: 14px !important;
    }
}

/* --- HANDY (Portrait) --- */
@media (max-width: 767px) {
    /* FIX 1: Greift die Außenhülle des Slides und staucht sie radikal zusammen */
    .elementor-831 .elementor-element.elementor-element-0cdc619 {
        height: 380px !important;     /* <--- HIER DEINE GEWÜNSCHTE HANDY-HÖHE EINTRAGEN */
        min-height: 380px !important;
    }

    /* FIX 2: Der blaue Kasten passt sich nun der Außenhülle an */
    .elementor-831 .elementor-element.elementor-element-0cdc619 > .e-con, 
    .elementor-831 .elementor-element.elementor-element-0cdc619 > .e-container {
        flex-direction: column !important;
        height: 100% !important;       /* Nutzt exakt die 380px von oben */
        min-height: 100% !important;
        padding: 20px 15px !important; /* Weniger Padding verhindert das Aufblähen von innen */
        justify-content: flex-start !important;
    }

    /* Vertikalen Titel wieder NORMAL (horizontal) machen */
    .elementor-831 .elementor-element.elementor-element-0cdc619 .mein-vertikaler-titel {
        writing-mode: horizontal-tb !important;
        transform: none !important;
        height: auto !important;
        width: 100% !important;
        margin: 0 0 10px 0 !important; /* Knackiger Abstand nach unten */
        justify-content: flex-start !important;
    }

    .elementor-831 .elementor-element.elementor-element-0cdc619 .mein-vertikaler-titel .elementor-heading-title {
        font-size: 22px !important;    /* Etwas kompakter fürs Handy */
    }

    /* Rechten Block aus der Verankerung lösen */
    .elementor-831 .elementor-element.elementor-element-0cdc619 .elementor-widget:not(.mein-vertikaler-titel) {
        margin-top: 0 !important; 
        width: 100% !important;
    }

    /* Button unten positionieren mit angepasstem Abstand */
    .elementor-831 .elementor-element.elementor-element-0cdc619 .elementor-widget-button {
        margin-top: 12px !important;
        margin-bottom: 0 !important;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a868f40 *//* ==========================================================
   1. DESKTOP-BASIS (Unverändert)
   ========================================================== */

/* 1. DER BLAUE INNENCONTAINER */
.elementor-831 .elementor-element.elementor-element-a868f40 > .e-con, 
.elementor-831 .elementor-element.elementor-element-a868f40 > .e-container {
    margin: 0 !important;
    align-self: flex-end;
    
    /* Desktop bleibt starr auf 550px */
    height: 550px !important; 
    
    display: flex !important;
    flex-direction: row !important;
    align-items: stretch !important;
    
    padding: 40px !important;
    background-color: #8C004CB3 !important;
    box-sizing: border-box !important;
    overflow: hidden;
}

/* 2. VERTIKALER TEXT */
.elementor-831 .elementor-element.elementor-element-a868f40 .mein-vertikaler-titel {
    writing-mode: vertical-rl;
    transform: rotate(180deg);
    white-space: normal !important;
    text-transform: uppercase;
    
    margin: 0 40px 0 0 !important;
    height: 100% !important; 
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-end !important;
    line-height: 1.1 !important;
}

.elementor-831 .elementor-element.elementor-element-a868f40 .mein-vertikaler-titel .elementor-heading-title {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.1 !important;
}

/* 3. RECHTER BLOCK (Text & Button) */
.elementor-831 .elementor-element.elementor-element-a868f40 .elementor-widget:not(.mein-vertikaler-titel) {
    margin-top: auto !important; 
    margin-bottom: 0 !important;
}

.elementor-831 .elementor-element.elementor-element-a868f40 .elementor-widget-button {
    margin-bottom: 5px !important; 
}


/* ==========================================================
   2. RESPONSIVE ANPASSUNGEN (Tablet & Mobil)
   ========================================================== */

/* --- TABLET PORTRAIT & MOBILE LANDSCAPE --- */
@media (max-width: 1024px) {
    /* FIX: Den äußeren Container für ein kompakteres Tablet-Layout schrumpfen */
    .elementor-831 .elementor-element.elementor-element-a868f40 {
        height: 420px !important;     /* Deine Tablet-Wunschhöhe */
        min-height: 420px !important;
    }

    .elementor-831 .elementor-element.elementor-element-a868f40 > .e-con, 
    .elementor-831 .elementor-element.elementor-element-a868f40 > .e-container {
        height: 100% !important;       /* Füllt exakt die 420px von oben aus */
        min-height: 100% !important; 
        padding: 25px 20px !important; /* Weniger Padding gibt dem Text mehr Breite */
    }

    .elementor-831 .elementor-element.elementor-element-a868f40 .mein-vertikaler-titel {
        margin: 0 20px 0 0 !important; 
    }

    /* Titel verkleinern, damit er in der geringeren Höhe einzeilig bleibt */
    .elementor-831 .elementor-element.elementor-element-a868f40 .mein-vertikaler-titel .elementor-heading-title {
        font-size: 22px !important;
    }

    /* Textbeschreibungen auf Tablets kompakter machen */
    .elementor-831 .elementor-element.elementor-element-a868f40 .elementor-widget-text-editor,
    .elementor-831 .elementor-element.elementor-element-a868f40 .elementor-widget-heading:not(.mein-vertikaler-titel) {
        font-size: 14px !important;
    }
}

/* --- HANDY (Portrait) --- */
@media (max-width: 767px) {
    /* FIX 1: Greift die Außenhülle des Slides und staucht sie radikal zusammen */
    .elementor-831 .elementor-element.elementor-element-a868f40 {
        height: 380px !important;     /* <--- HIER DEINE GEWÜNSCHTE HANDY-HÖHE EINTRAGEN */
        min-height: 380px !important;
    }

    /* FIX 2: Der blaue Kasten passt sich nun der Außenhülle an */
    .elementor-831 .elementor-element.elementor-element-a868f40 > .e-con, 
    .elementor-831 .elementor-element.elementor-element-a868f40 > .e-container {
        flex-direction: column !important;
        height: 100% !important;       /* Nutzt exakt die 380px von oben */
        min-height: 100% !important;
        padding: 20px 15px !important; /* Weniger Padding verhindert das Aufblähen von innen */
        justify-content: flex-start !important;
    }

    /* Vertikalen Titel wieder NORMAL (horizontal) machen */
    .elementor-831 .elementor-element.elementor-element-a868f40 .mein-vertikaler-titel {
        writing-mode: horizontal-tb !important;
        transform: none !important;
        height: auto !important;
        width: 100% !important;
        margin: 0 0 10px 0 !important; /* Knackiger Abstand nach unten */
        justify-content: flex-start !important;
    }

    .elementor-831 .elementor-element.elementor-element-a868f40 .mein-vertikaler-titel .elementor-heading-title {
        font-size: 22px !important;    /* Etwas kompakter fürs Handy */
    }

    /* Rechten Block aus der Verankerung lösen */
    .elementor-831 .elementor-element.elementor-element-a868f40 .elementor-widget:not(.mein-vertikaler-titel) {
        margin-top: 0 !important; 
        width: 100% !important;
    }

    /* Button unten positionieren mit angepasstem Abstand */
    .elementor-831 .elementor-element.elementor-element-a868f40 .elementor-widget-button {
        margin-top: 12px !important;
        margin-bottom: 0 !important;
    }
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Klavika';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://vdf-federn.de/wp-content/uploads/2026/03/Klavika-Regular-Regular.woff') format('woff');
}
@font-face {
	font-family: 'Klavika';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://vdf-federn.de/wp-content/uploads/2026/03/klavika-bold.woff') format('woff');
}
@font-face {
	font-family: 'Klavika';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://vdf-federn.de/wp-content/uploads/2026/03/klavika-medium.woff') format('woff');
}
/* End Custom Fonts CSS */