.elementor-3 .elementor-element.elementor-element-7e29f30{--display:flex;--min-height:calc(100vw * 0.3);--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;}.elementor-3 .elementor-element.elementor-element-7e29f30:not(.elementor-motion-effects-element-type-background), .elementor-3 .elementor-element.elementor-element-7e29f30 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.bauer-truckcenter.de/wp-content/uploads/2025/12/2407_km1_truckcenter_wernberg-190-korrigiert-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3 .elementor-element.elementor-element-6cdc6da{--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;--justify-content:center;--gap:100px 100px;--row-gap:100px;--column-gap:100px;--flex-wrap:wrap;--padding-top:0px;--padding-bottom:200px;--padding-left:30px;--padding-right:30px;}.elementor-3 .elementor-element.elementor-element-03e0575{--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:100px 100px;--row-gap:100px;--column-gap:100px;}.elementor-3 .elementor-element.elementor-element-82c433d .elementor-heading-title{font-family:var( --e-global-typography-8ad3a31-font-family ), Sans-serif;font-size:var( --e-global-typography-8ad3a31-font-size );font-weight:var( --e-global-typography-8ad3a31-font-weight );text-transform:var( --e-global-typography-8ad3a31-text-transform );line-height:var( --e-global-typography-8ad3a31-line-height );color:var( --e-global-color-primary );}.elementor-3 .elementor-element.elementor-element-f4965ae{--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:100px 100px;--row-gap:100px;--column-gap:100px;}@media(min-width:768px){.elementor-3 .elementor-element.elementor-element-f4965ae{--width:1200px;}}@media(max-width:1366px){.elementor-3 .elementor-element.elementor-element-6cdc6da{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:100px;--padding-left:30px;--padding-right:30px;}.elementor-3 .elementor-element.elementor-element-03e0575{--gap:100px 100px;--row-gap:100px;--column-gap:100px;}.elementor-3 .elementor-element.elementor-element-82c433d .elementor-heading-title{font-size:var( --e-global-typography-8ad3a31-font-size );line-height:var( --e-global-typography-8ad3a31-line-height );}.elementor-3 .elementor-element.elementor-element-f4965ae{--gap:100px 100px;--row-gap:100px;--column-gap:100px;}}@media(max-width:1024px){.elementor-3 .elementor-element.elementor-element-7e29f30{--min-height:calc(100vw * 0.4);}.elementor-3 .elementor-element.elementor-element-6cdc6da{--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-3 .elementor-element.elementor-element-03e0575{--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:50px 50px;--row-gap:50px;--column-gap:50px;}.elementor-3 .elementor-element.elementor-element-82c433d .elementor-heading-title{font-size:var( --e-global-typography-8ad3a31-font-size );line-height:var( --e-global-typography-8ad3a31-line-height );}.elementor-3 .elementor-element.elementor-element-f4965ae{--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:30px 30px;--row-gap:30px;--column-gap:30px;}}@media(max-width:767px){.elementor-3 .elementor-element.elementor-element-7e29f30{--min-height:calc(100vw * 0.7);}.elementor-3 .elementor-element.elementor-element-6cdc6da{--padding-top:0px;--padding-bottom:60px;--padding-left:30px;--padding-right:30px;}.elementor-3 .elementor-element.elementor-element-82c433d{text-align:start;}.elementor-3 .elementor-element.elementor-element-82c433d .elementor-heading-title{font-size:var( --e-global-typography-8ad3a31-font-size );line-height:var( --e-global-typography-8ad3a31-line-height );}}/* Start custom CSS for container, class: .elementor-element-7e29f30 *//* --- BASIS-STYLES (Desktop & Tablet) --- */
.home-hero {
    position: relative;
}

.home-hero::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 120px; /* Standardhöhe */
    background-color: var(--e-global-color-white);
    z-index: 2;
    pointer-events: none;

    /* Desktop-Logik: SVG + Füll-Balken links */
    -webkit-mask-image: 
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1431.027 118.494'%3E%3Cpath d='M1431.027,86.22s-68.8.136-127.085-29.923l-111.7-46.834s-93.086-44.231-202.363-41.628L0-32.274V86.22Z' transform='translate(0 32.274)'/%3E%3C/svg%3E"),
        linear-gradient(#000, #000);
    mask-image: 
        url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1431.027 118.494'%3E%3Cpath d='M1431.027,86.22s-68.8.136-127.085-29.923l-111.7-46.834s-93.086-44.231-202.363-41.628L0-32.274V86.22Z' transform='translate(0 32.274)'/%3E%3C/svg%3E"),
        linear-gradient(#000, #000);

    -webkit-mask-position: 
        calc(50% - 300px) bottom,
        left top;
    mask-position: 
        calc(50% - 300px) bottom,
        left top;

    -webkit-mask-size: 
        auto 100%,
        calc(50% - 300px) 100%;
    mask-size: 
        auto 100%,
        calc(50% - 300px) 100%;

    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/* --- BREAKPOINTS --- */

/* 1. Notebook */
@media (max-width: 1366px) {
    .home-hero::after {
        height: 100px;
    }
}

/* 2. Tablet */
@media (max-width: 1025px) {
    .home-hero::after {
        height: 70px;
    }
}

/* 3. Smartphone (Logik-Wechsel!) */
@media (max-width: 767px) {
    .home-hero::after {
        height: 30px;

        /* Zurück zur unverzerrten Version des SVGs (ohne 'preserveAspectRatio') */
        -webkit-mask-image: 
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1431.027 118.494'%3E%3Cpath d='M1431.027,86.22s-68.8.136-127.085-29.923l-111.7-46.834s-93.086-44.231-202.363-41.628L0-32.274V86.22Z' transform='translate(0 32.274)'/%3E%3C/svg%3E"),
            linear-gradient(#000, #000);
        mask-image: 
            url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1431.027 118.494'%3E%3Cpath d='M1431.027,86.22s-68.8.136-127.085-29.923l-111.7-46.834s-93.086-44.231-202.363-41.628L0-32.274V86.22Z' transform='translate(0 32.274)'/%3E%3C/svg%3E"),
            linear-gradient(#000, #000);

        /* Positionierung mit neuem Offset (-50px) */
        -webkit-mask-position: 
            calc(50% - 50px) bottom,
            left top;
        mask-position: 
            calc(50% - 50px) bottom,
            left top;

        /* Füll-Balken Breite angepasst (-50px) */
        -webkit-mask-size: 
            auto 100%,
            calc(50% - 50px) 100%;
        mask-size: 
            auto 100%,
            calc(50% - 50px) 100%;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-82c433d */.elementor-3 .elementor-element.elementor-element-82c433d h2 {
    letter-spacing: 3px;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d34eddc */.elementor-3 .elementor-element.elementor-element-d34eddc h2 {
    font-family: var(--e-global-typography-28242d8-font-family), Sans-serif;
    font-size: var(--e-global-typography-28242d8-font-size);
    line-height: var(--e-global-typography-28242d8-line-height);
    color: var(--e-global-color-text);
}

.elementor-3 .elementor-element.elementor-element-d34eddc h2:not(:first-of-type) {
  padding-top: 50px;
}

.elementor-3 .elementor-element.elementor-element-d34eddc h3 {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size:18px;
    font-weight: bold;
    line-height: var(--e-global-typography-text-line-height);
}


.elementor-3 .elementor-element.elementor-element-d34eddc h3,
.elementor-3 .elementor-element.elementor-element-d34eddc h4,
.elementor-3 .elementor-element.elementor-element-d34eddc h5 {
    padding-top: 30px;
}

.elementor-3 .elementor-element.elementor-element-d34eddc h4,
.elementor-3 .elementor-element.elementor-element-d34eddc h5 {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: bold;
    line-height: var(--e-global-typography-text-line-height);
	text-decoration:underline;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-afd2483 */.elementor-3 .elementor-element.elementor-element-afd2483 h2 {
    font-family: var(--e-global-typography-28242d8-font-family), Sans-serif;
    font-size: var(--e-global-typography-28242d8-font-size);
    line-height: var(--e-global-typography-28242d8-line-height);
    color: var(--e-global-color-text);
}

.elementor-3 .elementor-element.elementor-element-afd2483 h2:not(:first-of-type) {
  padding-top: 50px;
}

.elementor-3 .elementor-element.elementor-element-afd2483 h3 {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size:18px;
    font-weight: bold;
    line-height: var(--e-global-typography-text-line-height);
}


.elementor-3 .elementor-element.elementor-element-afd2483 h3,
.elementor-3 .elementor-element.elementor-element-afd2483 h4,
.elementor-3 .elementor-element.elementor-element-afd2483 h5 {
    padding-top: 30px;
}

.elementor-3 .elementor-element.elementor-element-afd2483 h4,
.elementor-3 .elementor-element.elementor-element-afd2483 h5 {
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: bold;
    line-height: var(--e-global-typography-text-line-height);
	text-decoration:underline;
}/* End custom CSS */