.elementor-14836 .elementor-element.elementor-element-de4d79c{--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;--overlay-opacity:0.5;}.elementor-14836 .elementor-element.elementor-element-de4d79c::before, .elementor-14836 .elementor-element.elementor-element-de4d79c > .elementor-background-video-container::before, .elementor-14836 .elementor-element.elementor-element-de4d79c > .e-con-inner > .elementor-background-video-container::before, .elementor-14836 .elementor-element.elementor-element-de4d79c > .elementor-background-slideshow::before, .elementor-14836 .elementor-element.elementor-element-de4d79c > .e-con-inner > .elementor-background-slideshow::before, .elementor-14836 .elementor-element.elementor-element-de4d79c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.nipa.ch/wp-content/uploads/2023/11/Balkenbrenner-Flammen-2.jpg");--background-overlay:'';background-size:cover;}.elementor-14836 .elementor-element.elementor-element-5d566ee{--display:flex;}.elementor-14836 .elementor-element.elementor-element-4f069bf{--display:flex;}.elementor-14836 .elementor-element.elementor-element-b1678d5{--display:flex;}.elementor-14836 .elementor-element.elementor-element-b3c4863{--display:grid;--e-con-grid-template-columns:repeat(2, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14836 .elementor-element.elementor-element-e27145d{--display:flex;--overlay-opacity:0.5;}.elementor-14836 .elementor-element.elementor-element-e27145d::before, .elementor-14836 .elementor-element.elementor-element-e27145d > .elementor-background-video-container::before, .elementor-14836 .elementor-element.elementor-element-e27145d > .e-con-inner > .elementor-background-video-container::before, .elementor-14836 .elementor-element.elementor-element-e27145d > .elementor-background-slideshow::before, .elementor-14836 .elementor-element.elementor-element-e27145d > .e-con-inner > .elementor-background-slideshow::before, .elementor-14836 .elementor-element.elementor-element-e27145d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.nipa.ch/wp-content/uploads/2023/03/IMG_4416-scaled.jpg");--background-overlay:'';background-size:cover;}.elementor-14836 .elementor-element.elementor-element-24ec722{--display:flex;--overlay-opacity:0.5;}.elementor-14836 .elementor-element.elementor-element-24ec722::before, .elementor-14836 .elementor-element.elementor-element-24ec722 > .elementor-background-video-container::before, .elementor-14836 .elementor-element.elementor-element-24ec722 > .e-con-inner > .elementor-background-video-container::before, .elementor-14836 .elementor-element.elementor-element-24ec722 > .elementor-background-slideshow::before, .elementor-14836 .elementor-element.elementor-element-24ec722 > .e-con-inner > .elementor-background-slideshow::before, .elementor-14836 .elementor-element.elementor-element-24ec722 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://www.nipa.ch/wp-content/uploads/2026/07/Drehbearbeitung.jpg");--background-overlay:'';background-size:cover;}.elementor-14836 .elementor-element.elementor-element-ddb337a{--display:flex;}.elementor-14836 .elementor-element.elementor-element-1b891d4{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14836 .elementor-element.elementor-element-6796262{--display:flex;}.elementor-14836 .elementor-element.elementor-element-b2420a2{--display:flex;}.elementor-14836 .elementor-element.elementor-element-181c8ce{--display:flex;}body.elementor-page-14836:not(.elementor-motion-effects-element-type-background), body.elementor-page-14836 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#111013;}@media(max-width:1600px){.elementor-14836 .elementor-element.elementor-element-b3c4863{--grid-auto-flow:row;}.elementor-14836 .elementor-element.elementor-element-1b891d4{--grid-auto-flow:row;}}@media(max-width:1200px){.elementor-14836 .elementor-element.elementor-element-b3c4863{--grid-auto-flow:row;}.elementor-14836 .elementor-element.elementor-element-1b891d4{--grid-auto-flow:row;}}@media(max-width:1024px){.elementor-14836 .elementor-element.elementor-element-de4d79c::before, .elementor-14836 .elementor-element.elementor-element-de4d79c > .elementor-background-video-container::before, .elementor-14836 .elementor-element.elementor-element-de4d79c > .e-con-inner > .elementor-background-video-container::before, .elementor-14836 .elementor-element.elementor-element-de4d79c > .elementor-background-slideshow::before, .elementor-14836 .elementor-element.elementor-element-de4d79c > .e-con-inner > .elementor-background-slideshow::before, .elementor-14836 .elementor-element.elementor-element-de4d79c > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:center center;}.elementor-14836 .elementor-element.elementor-element-b3c4863{--grid-auto-flow:row;}.elementor-14836 .elementor-element.elementor-element-1b891d4{--grid-auto-flow:row;}}@media(max-width:880px){.elementor-14836 .elementor-element.elementor-element-b3c4863{--grid-auto-flow:row;}.elementor-14836 .elementor-element.elementor-element-1b891d4{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-14836 .elementor-element.elementor-element-b3c4863{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-14836 .elementor-element.elementor-element-1b891d4{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}@media(min-width:2400px){.elementor-14836 .elementor-element.elementor-element-b3c4863{--grid-auto-flow:row;}.elementor-14836 .elementor-element.elementor-element-1b891d4{--grid-auto-flow:row;}}/* Start custom CSS for container, class: .elementor-element-de4d79c *//* =========================================================
   NIEDERBERGER PAUL AG
   STARTSEITE – CLEAN VERSION
   ========================================================= */


/* =========================================================
   1. GRUNDEINSTELLUNGEN
========================================================= */

.nipa-home {

    --nipa-orange: #EB9238;
    --nipa-orange-light: #F3A451;
    --nipa-width: 1180px;

    position: relative;

    width: 100%;
    margin: 0;
    padding: 0;

    color: #ffffff;

    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}


/* ---------------------------------------------------------
   Hintergrund abdunkeln
   Flammen bleiben klar sichtbar
--------------------------------------------------------- */

.nipa-home::before {

    content: "";

    position: absolute;
    inset: 0;

    z-index: 0;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.54) 0%,
            rgba(0,0,0,.45) 42%,
            rgba(0,0,0,.58) 100%
        );

    pointer-events: none;
}


/* Inhalt über Overlay */

.nipa-home > * {

    position: relative;
    z-index: 1;
}



/* =========================================================
   2. HERO
========================================================= */

.nipa-home .nipa-home-hero {

    width: 100%;
    max-width: var(--nipa-width);

    margin: 0 auto;

    padding:
        64px
        30px
        24px;
}


.nipa-home .nipa-home-hero-content {

    width: 100%;
    max-width: 1040px;
}



/* =========================================================
   3. HAUPTTITEL
========================================================= */

.nipa-home .nipa-home-title {

    margin: 0;
}


.nipa-home
.nipa-home-title
.elementor-heading-title {

    max-width: 1000px;

    margin: 0;

    color: #ffffff;

    font-size: clamp(44px, 4.7vw, 66px);
    line-height: 1.04;

    font-weight: 700;

    letter-spacing: -0.035em;

    text-shadow:
        0 3px 18px rgba(0,0,0,.58);
}



/* =========================================================
   4. SUBLINE
========================================================= */

.nipa-home .nipa-home-subline {

    margin-top: 20px;

    color: var(--nipa-orange);

    font-size: 17px;
    line-height: 1.5;

    font-weight: 600;
}


.nipa-home .nipa-home-subline p {

    margin: 0;
}


/* Desktop in einer Linie */

.nipa-home .nipa-home-subline br {

    display: none;
}



/* =========================================================
   5. AKTIONSBEREICH
========================================================= */

.nipa-home .nipa-home-actions-wrap {

    width: 100%;
    max-width: var(--nipa-width);

    margin: 0 auto;

    padding:
        28px
        30px
        32px;
}



/* =========================================================
   6. AKTIONSRASTER
========================================================= */

.nipa-home .nipa-home-actions {

    display: grid !important;

    grid-template-columns:
        1.05fr
        .95fr !important;

    width: 100%;

    gap: 24px !important;

    margin: 0;
    padding: 0;
}



/* =========================================================
   7. GEMEINSAME HAUPTKARTEN
========================================================= */

.nipa-home .nipa-home-card {

    position: relative;

    display: flex !important;

    flex-direction: column !important;
    justify-content: flex-end !important;

    width: 100%;
    min-width: 0;

    min-height: 330px;

    padding:
        36px
        34px
        30px !important;

    overflow: hidden;

    cursor: pointer;

    border:
        1px solid rgba(235,146,56,.68);

    border-radius: 17px;

    box-shadow:
        0 14px 32px rgba(0,0,0,.26);

    transition:
        transform .32s ease,
        border-color .32s ease,
        box-shadow .32s ease;
}


/* Feiner innerer Rahmen */

.nipa-home .nipa-home-card::after {

    content: "";

    position: absolute;
    inset: 1px;

    z-index: 3;

    border:
        1px solid rgba(255,255,255,.05);

    border-radius: 16px;

    pointer-events: none;

    transition:
        border-color .32s ease,
        box-shadow .32s ease;
}


/* Karteninhalt */

.nipa-home .nipa-home-card > * {

    position: relative;

    z-index: 4;
}



/* =========================================================
   8. PRODUKTE
========================================================= */

.nipa-home .nipa-home-card-products {

    position: relative;

    /*
       Das eigentliche Bild kommt weiterhin aus Elementor.
       CSS verändert das Hintergrundbild NICHT.
    */

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;

    filter: none !important;
}


/* ---------------------------------------------------------
   Dunkler Verlauf ÜBER dem Produktbild
--------------------------------------------------------- */

.nipa-home .nipa-home-card-products::before {

    content: "";

    position: absolute;
    inset: 0;

    z-index: 1;

    background:
        linear-gradient(
            180deg,
            rgba(8,10,14,.08) 0%,
            rgba(8,10,14,.14) 38%,
            rgba(8,10,14,.50) 70%,
            rgba(8,10,14,.72) 100%
        );

    pointer-events: none;

    transition:
        background .35s ease;
}



/* =========================================================
   9. DIENSTLEISTUNGEN
========================================================= */

.nipa-home .nipa-home-card-services {

    background:
        linear-gradient(
            135deg,
            rgba(14,17,22,.82) 0%,
            rgba(23,26,34,.78) 60%,
            rgba(75,49,27,.70) 100%
        );

    /*
       Nur ganz leichter Glas-Effekt.
       Flammen bleiben sichtbar.
    */

    -webkit-backdrop-filter:
        blur(2px);

    backdrop-filter:
        blur(2px);
}


/* ---------------------------------------------------------
   Orange Lichtquelle
--------------------------------------------------------- */

.nipa-home .nipa-home-card-services::before {

    content: "";

    position: absolute;

    width: 310px;
    height: 310px;

    top: -135px;
    right: -105px;

    z-index: 1;

    border-radius: 50%;

    background:
        radial-gradient(
            circle,
            rgba(235,146,56,.27) 0%,
            rgba(235,146,56,.10) 38%,
            transparent 70%
        );

    opacity: .72;

    pointer-events: none;

    transition:
        transform .5s ease,
        opacity .35s ease;
}



/* =========================================================
   10. KARTENTITEL
========================================================= */

.nipa-home .nipa-home-card-title {

    margin: 0;
}


.nipa-home
.nipa-home-card-title
.elementor-heading-title {

    margin: 0;

    color: #ffffff;

    font-size: 31px;
    line-height: 1.15;

    font-weight: 700;

    letter-spacing: -0.018em;

    text-shadow:
        0 2px 12px rgba(0,0,0,.65);

    transition:
        transform .3s ease,
        color .3s ease,
        text-shadow .3s ease;
}


/* Orange Linie */

.nipa-home .nipa-home-card-title::after {

    content: "";

    display: block;

    width: 34px;
    height: 2px;

    margin-top: 13px;

    background:
        var(--nipa-orange);

    transition:
        width .3s ease,
        box-shadow .3s ease;
}



/* =========================================================
   11. MEHR ENTDECKEN / MEHR ERFAHREN
========================================================= */

.nipa-home .nipa-home-card-text {

    width: max-content;
    max-width: 100%;

    margin-top: 16px;

    color:
        rgba(255,255,255,.72);

    font-size: 14px;
    line-height: 1.3;

    font-weight: 600;

    transition:
        color .28s ease,
        transform .28s ease,
        text-shadow .28s ease;
}


.nipa-home .nipa-home-card-text p {

    margin: 0;
}


.nipa-home .nipa-home-card-text a {

    color: inherit !important;

    text-decoration: none !important;
}



/* =========================================================
   12. DESKTOP HOVER
========================================================= */

@media (hover:hover) and (pointer:fine) {


    /* -----------------------------------------------------
       Beide Karten
    ----------------------------------------------------- */

    .nipa-home .nipa-home-card:hover {

        transform:
            translateY(-5px);

        border-color:
            var(--nipa-orange-light);

        box-shadow:
            0 20px 42px rgba(0,0,0,.34),
            0 0 0 1px rgba(235,146,56,.12),
            0 0 30px rgba(235,146,56,.20);
    }


    /* innerer Lichtsaum */

    .nipa-home .nipa-home-card:hover::after {

        border-color:
            rgba(243,164,81,.22);

        box-shadow:
            inset 0 0 28px rgba(235,146,56,.08);
    }


    /* -----------------------------------------------------
       Titel
    ----------------------------------------------------- */

    .nipa-home
    .nipa-home-card:hover
    .nipa-home-card-title
    .elementor-heading-title {

        transform:
            translateY(-2px);

        text-shadow:
            0 2px 12px rgba(0,0,0,.65),
            0 0 18px rgba(235,146,56,.18);
    }


    /* Orange Linie */

    .nipa-home
    .nipa-home-card:hover
    .nipa-home-card-title::after {

        width: 52px;

        box-shadow:
            0 0 11px rgba(235,146,56,.68);
    }


    /* -----------------------------------------------------
       Mehr...
    ----------------------------------------------------- */

    .nipa-home
    .nipa-home-card:hover
    .nipa-home-card-text {

        color:
            var(--nipa-orange-light);

        transform:
            translateX(5px);

        text-shadow:
            0 0 12px rgba(235,146,56,.35);
    }


    /* =====================================================
       PRODUKTE HOVER
       WICHTIG: BILD BLEIBT BESTEHEN
    ===================================================== */

    .nipa-home
    .nipa-home-card-products:hover {

        /*
           KEIN background hier setzen!
           Dadurch bleibt Elementors Produktbild bestehen.
        */

        background-position:
            center center !important;

        background-size:
            cover !important;

        background-repeat:
            no-repeat !important;

        filter:
            none !important;
    }


    /*
       Nur den Overlay verändern.
       Das Bild selbst bleibt unangetastet.
    */

    .nipa-home
    .nipa-home-card-products:hover::before {

        background:
            linear-gradient(
                180deg,
                rgba(8,10,14,.03) 0%,
                rgba(8,10,14,.08) 38%,
                rgba(8,10,14,.42) 70%,
                rgba(8,10,14,.64) 100%
            );
    }


    /* =====================================================
       DIENSTLEISTUNGEN HOVER
    ===================================================== */

    .nipa-home
    .nipa-home-card-services:hover::before {

        transform:
            scale(1.35);

        opacity: 1;
    }

}



/* =========================================================
   13. TRUST-BEREICH
========================================================= */

.nipa-home .nipa-home-trust {

    width: 100%;
    max-width: var(--nipa-width);

    margin: 0 auto;

    padding:
        8px
        30px
        52px;

    background:
        transparent !important;
}



/* =========================================================
   14. TRUST RASTER
========================================================= */

.nipa-home .nipa-home-trust-grid {

    display: grid !important;

    grid-template-columns:
        repeat(3, minmax(0,1fr)) !important;

    width: 100%;

    gap: 14px !important;

    margin: 0;
    padding: 0;
}



/* =========================================================
   15. TRUST KARTEN
========================================================= */

.nipa-home .nipa-home-trust-item {

    position: relative;

    min-width: 0;

    padding:
        22px
        24px !important;

    background:
        rgba(14,16,19,.74);

    /*
       Nur minimaler Blur.
    */

    -webkit-backdrop-filter:
        blur(2px);

    backdrop-filter:
        blur(2px);

    border:
        1px solid rgba(255,255,255,.09);

    border-radius: 10px;

    box-shadow:
        0 8px 20px rgba(0,0,0,.17);

    transition:
        transform .28s ease,
        background .28s ease,
        border-color .28s ease,
        box-shadow .28s ease;
}


/* Orange Akzent */

.nipa-home .nipa-home-trust-item::before {

    content: "";

    position: absolute;

    top: 0;
    left: 24px;

    width: 30px;
    height: 2px;

    background:
        var(--nipa-orange);

    transition:
        width .28s ease,
        box-shadow .28s ease;
}



/* =========================================================
   16. TRUST TITEL
========================================================= */

.nipa-home .nipa-home-trust-title {

    margin: 0 0 9px;
}


.nipa-home
.nipa-home-trust-title
.elementor-heading-title {

    margin: 0;

    color: #ffffff;

    font-size: 17px;
    line-height: 1.3;

    font-weight: 700;
}


.nipa-home
.nipa-home-trust-title::after {

    display: none;
}



/* =========================================================
   17. TRUST TEXT
========================================================= */

.nipa-home .nipa-home-trust-text {

    color:
        rgba(255,255,255,.68);

    font-size: 13.5px;
    line-height: 1.55;
}


.nipa-home .nipa-home-trust-text p {

    margin: 0;
}



/* =========================================================
   18. TRUST HOVER
========================================================= */

@media (hover:hover) and (pointer:fine) {

    .nipa-home
    .nipa-home-trust-item:hover {

        transform:
            translateY(-3px);

        background:
            rgba(20,22,26,.84);

        border-color:
            rgba(235,146,56,.38);

        box-shadow:
            0 12px 26px rgba(0,0,0,.24),
            0 0 20px rgba(235,146,56,.10);
    }


    .nipa-home
    .nipa-home-trust-item:hover::before {

        width: 44px;

        box-shadow:
            0 0 10px rgba(235,146,56,.65);
    }

}



/* =========================================================
   19. TABLET
========================================================= */

@media (max-width:1024px) {

    .nipa-home .nipa-home-hero {

        padding:
            54px
            40px
            22px;
    }


    .nipa-home
    .nipa-home-title
    .elementor-heading-title {

        font-size:
            clamp(40px,6vw,56px);
    }


    .nipa-home .nipa-home-actions-wrap {

        padding:
            24px
            40px
            30px;
    }


    .nipa-home .nipa-home-actions {

        gap:
            20px !important;
    }


    .nipa-home .nipa-home-card {

        min-height:
            290px;

        padding:
            30px
            28px
            26px !important;
    }


    .nipa-home
    .nipa-home-card-title
    .elementor-heading-title {

        font-size:
            27px;
    }


    .nipa-home .nipa-home-trust {

        padding:
            6px
            40px
            42px;
    }


    .nipa-home .nipa-home-trust-item {

        padding:
            20px
            20px !important;
    }

}



/* =========================================================
   20. SMARTPHONE
========================================================= */

@media (max-width:767px) {


    /* Hintergrund */

    .nipa-home::before {

        background:
            linear-gradient(
                180deg,
                rgba(0,0,0,.60) 0%,
                rgba(0,0,0,.52) 45%,
                rgba(0,0,0,.62) 100%
            );
    }


    /* -----------------------------------------------------
       Hero
    ----------------------------------------------------- */

    .nipa-home .nipa-home-hero {

        padding:
            40px
            22px
            18px;
    }


    .nipa-home
    .nipa-home-title
    .elementor-heading-title {

        font-size:
            36px;

        line-height:
            1.07;
    }


    .nipa-home .nipa-home-subline {

        margin-top:
            16px;

        font-size:
            15px;

        line-height:
            1.65;
    }


    .nipa-home .nipa-home-subline br {

        display:
            initial;
    }


    /* -----------------------------------------------------
       Aktionen
    ----------------------------------------------------- */

    .nipa-home .nipa-home-actions-wrap {

        padding:
            18px
            22px
            26px;
    }


    .nipa-home .nipa-home-actions {

        grid-template-columns:
            1fr !important;

        gap:
            16px !important;
    }


    .nipa-home .nipa-home-card {

        min-height:
            235px;

        padding:
            26px
            23px
            23px !important;

        border-radius:
            14px;
    }


    .nipa-home .nipa-home-card::after {

        border-radius:
            13px;
    }


    .nipa-home
    .nipa-home-card-title
    .elementor-heading-title {

        font-size:
            26px;
    }


    /*
       Auf Touchgeräten direkt orange,
       da es dort keinen echten Hover gibt.
    */

    .nipa-home .nipa-home-card-text {

        margin-top:
            13px;

        color:
            var(--nipa-orange-light);

        font-size:
            14px;
    }


    /* -----------------------------------------------------
       Trust
    ----------------------------------------------------- */

    .nipa-home .nipa-home-trust {

        padding:
            4px
            22px
            34px;
    }


    .nipa-home .nipa-home-trust-grid {

        grid-template-columns:
            1fr !important;

        gap:
            10px !important;
    }


    .nipa-home .nipa-home-trust-item {

        padding:
            20px
            20px !important;
    }


    .nipa-home
    .nipa-home-trust-title
    .elementor-heading-title {

        font-size:
            16.5px;
    }


    .nipa-home .nipa-home-trust-text {

        font-size:
            13.5px;
    }

}/* End custom CSS */