.elementor-338 .elementor-element.elementor-element-2c2f5bc{--display:flex;}.elementor-338 .elementor-element.elementor-element-5ccade2{--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;}.elementor-338 .elementor-element.elementor-element-d0eff54 > .elementor-widget-container{margin:0px 0px -100px 0px;padding:0px 0px 0px 0px;}.elementor-338 .elementor-element.elementor-element-d0eff54 .aux-filters li > a > span{padding:0px 0px 0px 0px !important;}.elementor-338 .elementor-element.elementor-element-d0eff54 .aux-iso-item{margin-bottom:30px !important;}.elementor-338 .elementor-element.elementor-element-24077ef{--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;}.elementor-widget .tippy-tooltip .tippy-content{text-align:center;}@media(min-width:768px){.elementor-338 .elementor-element.elementor-element-5ccade2{--content-width:1200px;}}/* Start custom CSS for html, class: .elementor-element-186144f *//* ==================================================
   WÖHRLE PRODUKTÜBERSICHT
================================================== */

.woehrle-product-hero,
.woehrle-product-intro,
.woehrle-product-technology,
.woehrle-product-cta,
.woehrle-product-hero *,
.woehrle-product-intro *,
.woehrle-product-technology *,
.woehrle-product-cta * {
    box-sizing: border-box;
}


/* ==================================================
   ELEMENTOR FULL WIDTH
================================================== */

.woehrle-product-hero,
.woehrle-product-intro,
.woehrle-product-technology,
.woehrle-product-cta {
    position: relative;

    width: 100vw;
    max-width: 100vw;

    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);

    font-family: inherit;

    overflow: hidden;
}


.woehrle-product-hero h1,
.woehrle-product-hero h2,
.woehrle-product-hero h3,
.woehrle-product-hero p,
.woehrle-product-intro h1,
.woehrle-product-intro h2,
.woehrle-product-intro h3,
.woehrle-product-intro p,
.woehrle-product-technology h1,
.woehrle-product-technology h2,
.woehrle-product-technology h3,
.woehrle-product-technology p,
.woehrle-product-cta h1,
.woehrle-product-cta h2,
.woehrle-product-cta h3,
.woehrle-product-cta p {
    padding: 0;
}


.woehrle-product-hero a,
.woehrle-product-intro a,
.woehrle-product-technology a,
.woehrle-product-cta a {
    text-decoration: none;
}


.woehrle-product-hero svg,
.woehrle-product-intro svg,
.woehrle-product-technology svg,
.woehrle-product-cta svg {
    display: block;

    fill: none;
    stroke: currentColor;

    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
}


/* ==================================================
   GLOBAL CONTAINER
================================================== */

.woehrle-product-page__container {
    width: 100%;
    max-width: 1280px;

    margin: 0 auto;

    padding-left: 32px;
    padding-right: 32px;
}


/* ==================================================
   EYEBROW
================================================== */

.woehrle-product-eyebrow {
    display: block;

    margin-bottom: 11px;

    color: #b30000;

    font-size: 10px;
    font-weight: 700;

    line-height: 1.3;

    letter-spacing: 0.12em;

    text-transform: uppercase;
}


/* ==================================================
   HERO
================================================== */

.woehrle-product-hero {
    padding: 96px 0;

    background: #131313;

    border-bottom: 1px solid #2d2d2d;

    color: #ffffff;
}


/* Grid Pattern */

.woehrle-product-hero__pattern {
    position: absolute;

    inset: 0;

    opacity: 0.38;

    background-image:
        linear-gradient(
            rgba(179, 0, 0, 0.055) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(179, 0, 0, 0.055) 1px,
            transparent 1px
        );

    background-size: 40px 40px;

    pointer-events: none;
}


/* Hintergrund abdunkeln */

.woehrle-product-hero::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(19,19,19,0.98) 0%,
            rgba(19,19,19,0.93) 45%,
            rgba(19,19,19,0.75) 100%
        );

    pointer-events: none;
}


/* Glow */

.woehrle-product-hero__glow {
    position: absolute;

    z-index: 1;

    width: 600px;
    height: 600px;

    right: -150px;
    top: 50%;

    transform: translateY(-50%);

    background:
        radial-gradient(
            circle,
            rgba(179,0,0,0.14),
            rgba(179,0,0,0) 68%
        );

    pointer-events: none;
}


/* Hero Grid */

.woehrle-product-hero__grid {
    position: relative;

    z-index: 2;

    display: grid;

    grid-template-columns:
        minmax(0, 1.15fr)
        minmax(360px, 0.85fr);

    align-items: center;

    gap: 70px;
}


/* ==================================================
   HERO CONTENT
================================================== */

.woehrle-product-hero__content {
    min-width: 0;

    display: flex;

    flex-direction: column;

    align-items: flex-start;
}


/* Badge */

.woehrle-product-hero__badge {
    min-height: 30px;

    margin-bottom: 25px;

    padding: 6px 11px;

    display: inline-flex;

    align-items: center;

    gap: 8px;

    background: #1c1b1b;

    border: 1px solid #343434;
    border-radius: 999px;

    color: #bdbdbd;

    font-size: 10px;
    font-weight: 700;

    line-height: 1;

    letter-spacing: 0.12em;

    text-transform: uppercase;
}


/* Badge Punkt */

.woehrle-product-hero__badge-dot {
    position: relative;

    width: 7px;
    height: 7px;

    background: #b30000;

    border-radius: 50%;
}


.woehrle-product-hero__badge-dot::after {
    content: "";

    position: absolute;

    inset: 0;

    background: #b30000;

    border-radius: inherit;

    animation:
        woehrle-product-pulse
        1.8s infinite;
}


@keyframes woehrle-product-pulse {

    0% {
        opacity: 0.8;
        transform: scale(1);
    }

    70% {
        opacity: 0;
        transform: scale(2.2);
    }

    100% {
        opacity: 0;
        transform: scale(2.2);
    }

}


/* ==================================================
   HERO TITLE
================================================== */

.woehrle-product-hero__title {
    margin: 0 0 23px;

    color: #ffffff;

    font-size: clamp(52px, 6vw, 76px);
    font-weight: 700;

    line-height: 0.98;

    letter-spacing: -0.045em;
}


.woehrle-product-hero__title span {
    display: block;

    color: #b30000;
}


/* ==================================================
   HERO TEXT
================================================== */

.woehrle-product-hero__text {
    max-width: 650px;

    margin: 0 0 31px;

    color: #a0a0a0;

    font-size: 18px;

    line-height: 1.7;
}


/* ==================================================
   BUTTONS
================================================== */

.woehrle-product-hero__actions,
.woehrle-product-cta__actions {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap: 12px;
}


.woehrle-product-button {
    min-height: 50px;

    padding: 0 24px;

    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    border-radius: 2px;

    font-size: 13px;
    font-weight: 700;

    line-height: 1;

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


.woehrle-product-button svg {
    width: 18px;
    height: 18px;

    flex-shrink: 0;

    transition: transform 0.2s ease;
}


.woehrle-product-button--primary {
    background: #b30000;

    border: 1px solid #b30000;

    color: #ffffff;
}


.woehrle-product-button--primary:hover {
    background: #ca0000;

    border-color: #ca0000;

    color: #ffffff;

    transform: translateY(-2px);

    box-shadow:
        0 10px 26px
        rgba(179,0,0,0.22);
}


.woehrle-product-button--primary:hover svg {
    transform: translateX(3px);
}


.woehrle-product-button--secondary {
    background: transparent;

    border: 1px solid #383838;

    color: #ffffff;
}


.woehrle-product-button--secondary:hover {
    background: #1c1b1b;

    border-color: #555555;

    color: #ffffff;

    transform: translateY(-2px);
}


/* ==================================================
   HERO TECHNICAL SYSTEM
================================================== */

.woehrle-product-hero__visual {
    position: relative;

    min-width: 0;
}


.woehrle-product-system {
    width: 100%;

    padding: 25px;

    background:
        rgba(28,27,27,0.92);

    border: 1px solid #343434;
    border-radius: 4px;

    box-shadow:
        0 28px 65px
        rgba(0,0,0,0.28);
}


/* System Header */

.woehrle-product-system__top {
    padding-bottom: 17px;

    display: flex;

    justify-content: space-between;
    align-items: center;

    gap: 15px;

    border-bottom: 1px solid #303030;

    color: #6a6a6a;

    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        monospace;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 0.12em;
}


.woehrle-product-system__status {
    display: inline-flex;

    align-items: center;

    gap: 6px;

    color: #aaaaaa;
}


.woehrle-product-system__status span {
    width: 7px;
    height: 7px;

    background: #b30000;

    border-radius: 50%;
}


/* Main */

.woehrle-product-system__main {
    padding: 28px 0;

    display: flex;

    align-items: center;

    gap: 20px;
}


.woehrle-product-system__icon {
    width: 64px;
    height: 64px;

    display: flex;

    align-items: center;
    justify-content: center;

    flex-shrink: 0;

    background: #131313;

    border: 1px solid #343434;
    border-radius: 3px;

    color: #d00000;
}


.woehrle-product-system__icon svg {
    width: 31px;
    height: 31px;
}


.woehrle-product-system__voltage small {
    display: block;

    margin-bottom: 4px;

    color: #626262;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 0.12em;
}


.woehrle-product-system__voltage strong {
    color: #ffffff;

    font-size: 28px;
    font-weight: 700;
}


/* Graph */

.woehrle-product-system__graph {
    height: 100px;

    padding: 11px 11px 0;

    display: flex;

    align-items: flex-end;

    gap: 4px;

    background: #131313;

    border: 1px solid #303030;
    border-radius: 2px;
}


.woehrle-product-system__graph div {
    flex: 1;

    min-width: 2px;

    background:
        linear-gradient(
            to bottom,
            #b30000 0 2px,
            #353535 2px 100%
        );
}


/* Data */

.woehrle-product-system__data {
    margin-top: 15px;

    display: grid;

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

    gap: 10px;
}


.woehrle-product-system__data div {
    padding: 12px;

    background: #151515;

    border: 1px solid #303030;
}


.woehrle-product-system__data small {
    display: block;

    margin-bottom: 4px;

    color: #5c5c5c;

    font-size: 8px;
    font-weight: 700;

    letter-spacing: 0.08em;
}


.woehrle-product-system__data strong {
    color: #bdbdbd;

    font-family:
        ui-monospace,
        monospace;

    font-size: 10px;
}


.woehrle-product-system__data strong.is-active {
    color: #d00000;
}


/* ==================================================
   PORTFOLIO INTRO
================================================== */

.woehrle-product-intro {
    padding: 78px 0 34px;

    background: #0e0e0e;

    color: #ffffff;
}


.woehrle-product-intro__inner {
    padding-bottom: 30px;

    display: flex;

    justify-content: space-between;

    align-items: flex-end;

    gap: 50px;

    border-bottom: 1px solid #2d2d2d;
}


.woehrle-product-intro__inner > div:first-child {
    max-width: 700px;
}


.woehrle-product-intro h2 {
    margin: 0 0 12px;

    color: #ffffff;

    font-size: 38px;
    font-weight: 700;

    line-height: 1.15;

    letter-spacing: -0.025em;
}


.woehrle-product-intro p {
    margin: 0;

    color: #a0a0a0;

    font-size: 16px;

    line-height: 1.7;
}


/* Down Hint */

.woehrle-product-intro__hint {
    display: flex;

    align-items: center;

    gap: 10px;

    color: #777777;

    font-size: 11px;
    font-weight: 700;

    letter-spacing: 0.08em;

    text-transform: uppercase;
}


.woehrle-product-intro__hint-icon {
    width: 34px;
    height: 34px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #181818;

    border: 1px solid #303030;
    border-radius: 50%;

    color: #b30000;
}


.woehrle-product-intro__hint-icon svg {
    width: 16px;
    height: 16px;
}


/* ==================================================
   TECHNOLOGY
================================================== */

.woehrle-product-technology {
    padding: 92px 0;

    background: #1c1b1b;

    border-top: 1px solid #2d2d2d;
    border-bottom: 1px solid #2d2d2d;

    color: #ffffff;
}


.woehrle-product-technology__grid {
    display: grid;

    grid-template-columns:
        minmax(0, 1fr)
        minmax(360px, 0.82fr);

    gap: 72px;

    align-items: center;
}


/* ==================================================
   TECHNOLOGY TEXT
================================================== */

.woehrle-product-technology__content > h2 {
    max-width: 650px;

    margin: 0 0 20px;

    color: #ffffff;

    font-size: 38px;
    font-weight: 700;

    line-height: 1.13;

    letter-spacing: -0.025em;
}


.woehrle-product-technology__content > h2 span {
    color: #b30000;
}


.woehrle-product-technology__intro {
    max-width: 680px;

    margin: 0 0 38px;

    color: #a0a0a0;

    font-size: 17px;

    line-height: 1.7;
}


/* ==================================================
   FEATURE
================================================== */

.woehrle-product-feature {
    max-width: 690px;

    padding: 21px 0;

    display: grid;

    grid-template-columns:
        48px minmax(0, 1fr);

    gap: 17px;

    border-top: 1px solid #303030;
}


.woehrle-product-feature:last-child {
    border-bottom: 1px solid #303030;
}


.woehrle-product-feature__icon {
    width: 48px;
    height: 48px;

    display: flex;

    align-items: center;
    justify-content: center;

    background: #131313;

    border: 1px solid #343434;
    border-radius: 3px;

    color: #d00000;
}


.woehrle-product-feature__icon svg {
    width: 23px;
    height: 23px;
}


.woehrle-product-feature h3 {
    margin: 1px 0 6px;

    color: #ffffff;

    font-size: 17px;
    font-weight: 700;

    line-height: 1.35;
}


.woehrle-product-feature p {
    margin: 0;

    color: #8e8e8e;

    font-size: 14px;

    line-height: 1.65;
}


/* ==================================================
   TELEMETRY
================================================== */

.woehrle-product-telemetry {
    padding: 25px;

    background: #131313;

    border: 1px solid #343434;
    border-radius: 4px;

    box-shadow:
        0 25px 50px
        rgba(0,0,0,0.22);
}


.woehrle-product-telemetry__title {
    padding-bottom: 17px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 15px;

    border-bottom: 1px solid #303030;

    color: #656565;

    font-family:
        ui-monospace,
        monospace;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 0.1em;
}


.woehrle-product-telemetry__title div {
    padding: 5px 7px;

    background:
        rgba(179,0,0,0.1);

    border: 1px solid
        rgba(179,0,0,0.35);

    color: #d00000;

    font-size: 8px;
}


/* Display */

.woehrle-product-telemetry__display {
    margin-top: 18px;

    padding: 17px;

    background: #0e0e0e;

    border: 1px solid #303030;
}


.woehrle-product-telemetry__display-head {
    padding-bottom: 13px;

    display: flex;

    align-items: center;
    justify-content: space-between;

    gap: 15px;

    border-bottom: 1px solid #292929;

    color: #777777;

    font-family:
        ui-monospace,
        monospace;

    font-size: 9px;
}


.woehrle-product-telemetry__display-head strong {
    display: flex;

    align-items: center;

    gap: 6px;

    color: #bdbdbd;

    font-size: 9px;
}


.woehrle-product-telemetry__display-head i {
    width: 7px;
    height: 7px;

    display: block;

    background: #b30000;

    border-radius: 50%;
}


/* Bars */

.woehrle-product-telemetry__bars {
    height: 130px;

    padding-top: 16px;

    display: flex;

    align-items: flex-end;

    gap: 4px;
}


.woehrle-product-telemetry__bars span {
    flex: 1;

    background:
        linear-gradient(
            to bottom,
            #b30000 0 2px,
            #303030 2px 100%
        );
}


/* Values */

.woehrle-product-telemetry__values {
    margin-top: 13px;

    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 12px;
}


.woehrle-product-telemetry__values > div {
    padding: 15px;

    background: #0e0e0e;

    border: 1px solid #303030;
}


.woehrle-product-telemetry__values small,
.woehrle-product-telemetry__system span {
    display: block;

    margin-bottom: 4px;

    color: #5f5f5f;

    font-family:
        ui-monospace,
        monospace;

    font-size: 8px;

    letter-spacing: 0.08em;
}


.woehrle-product-telemetry__values strong {
    color: #ffffff;

    font-size: 19px;
}


/* System Bottom */

.woehrle-product-telemetry__system {
    margin-top: 13px;

    padding-top: 15px;

    display: flex;

    justify-content: space-between;

    gap: 20px;

    border-top: 1px solid #303030;
}


.woehrle-product-telemetry__system strong {
    color: #aaa;

    font-family:
        ui-monospace,
        monospace;

    font-size: 10px;
}


/* ==================================================
   CTA
================================================== */

.woehrle-product-cta {
    padding: 86px 0;

    background: #131313;

    color: #ffffff;
}


/* Pattern */

.woehrle-product-cta__pattern {
    position: absolute;

    inset: 0;

    opacity: 0.22;

    background-image:
        linear-gradient(
            rgba(179,0,0,0.06) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(179,0,0,0.06) 1px,
            transparent 1px
        );

    background-size: 40px 40px;
}


/* Fade */

.woehrle-product-cta::after {
    content: "";

    position: absolute;

    inset: 0;

    background:
        radial-gradient(
            circle at center,
            rgba(179,0,0,0.08),
            rgba(19,19,19,0.4) 55%,
            #131313 90%
        );
}


.woehrle-product-cta__content {
    position: relative;

    z-index: 2;

    max-width: 800px;

    margin: 0 auto;

    text-align: center;
}


.woehrle-product-cta h2 {
    margin: 0 0 16px;

    color: #ffffff;

    font-size: 42px;
    font-weight: 700;

    line-height: 1.12;

    letter-spacing: -0.03em;
}


.woehrle-product-cta h2 span {
    color: #b30000;
}


.woehrle-product-cta p {
    max-width: 700px;

    margin: 0 auto 30px;

    color: #a0a0a0;

    font-size: 17px;

    line-height: 1.7;
}


.woehrle-product-cta__actions {
    justify-content: center;
}


/* ==================================================
   LAPTOP
================================================== */

@media (max-width: 1100px) {

    .woehrle-product-page__container {
        padding-left: 28px;
        padding-right: 28px;
    }


    .woehrle-product-hero__grid {
        gap: 45px;

        grid-template-columns:
            minmax(0, 1fr)
            minmax(330px, 0.8fr);
    }


    .woehrle-product-technology__grid {
        gap: 45px;
    }

}


/* ==================================================
   TABLET
================================================== */

@media (max-width: 900px) {

    .woehrle-product-page__container {
        padding-left: 24px;
        padding-right: 24px;
    }


    /* Hero */

    .woehrle-product-hero {
        padding: 72px 0;
    }


    .woehrle-product-hero__grid {
        grid-template-columns: 1fr;

        gap: 45px;
    }


    .woehrle-product-hero__content {
        max-width: 720px;
    }


    .woehrle-product-hero__title {
        font-size: 60px;
    }


    .woehrle-product-hero__visual {
        width: 100%;

        max-width: 680px;
    }


    /* Intro */

    .woehrle-product-intro {
        padding-top: 64px;
    }


    /* Technology */

    .woehrle-product-technology {
        padding: 76px 0;
    }


    .woehrle-product-technology__grid {
        grid-template-columns: 1fr;

        gap: 45px;
    }


    .woehrle-product-technology__content {
        max-width: 720px;
    }


    .woehrle-product-telemetry {
        max-width: 680px;
    }

}


/* ==================================================
   MOBILE
================================================== */

@media (max-width: 650px) {

    .woehrle-product-page__container {
        padding-left: 18px;
        padding-right: 18px;
    }


    /* ==================================================
       HERO MOBILE
    ================================================== */

    .woehrle-product-hero {
        padding: 48px 0 54px;
    }


    .woehrle-product-hero__grid {
        gap: 34px;
    }


    .woehrle-product-hero__badge {
        margin-bottom: 20px;

        font-size: 9px;
    }


    .woehrle-product-hero__title {
        margin-bottom: 18px;

        font-size: 46px;

        line-height: 1;
    }


    .woehrle-product-hero__text {
        margin-bottom: 25px;

        font-size: 16px;

        line-height: 1.65;
    }


    /* Buttons full width */

    .woehrle-product-hero__actions {
        width: 100%;

        flex-direction: column;

        align-items: stretch;

        gap: 10px;
    }


    .woehrle-product-button {
        width: 100%;

        min-height: 52px;
    }


    /* System Visual */

    .woehrle-product-system {
        padding: 20px;
    }


    .woehrle-product-system__main {
        padding: 22px 0;
    }


    .woehrle-product-system__icon {
        width: 54px;
        height: 54px;
    }


    .woehrle-product-system__icon svg {
        width: 26px;
        height: 26px;
    }


    .woehrle-product-system__voltage strong {
        font-size: 23px;
    }


    .woehrle-product-system__graph {
        height: 85px;
    }


    .woehrle-product-system__data {
        grid-template-columns: 1fr;
    }


    /* ==================================================
       INTRO MOBILE
    ================================================== */

    .woehrle-product-intro {
        padding: 52px 0 25px;
    }


    .woehrle-product-intro__inner {
        padding-bottom: 24px;

        flex-direction: column;

        align-items: flex-start;

        gap: 22px;
    }


    .woehrle-product-intro h2 {
        font-size: 31px;
    }


    .woehrle-product-intro p {
        font-size: 15px;
    }


    /* ==================================================
       TECHNOLOGY MOBILE
    ================================================== */

    .woehrle-product-technology {
        padding: 60px 0;
    }


    .woehrle-product-technology__grid {
        gap: 38px;
    }


    .woehrle-product-technology__content > h2 {
        font-size: 31px;
    }


    .woehrle-product-technology__intro {
        margin-bottom: 29px;

        font-size: 16px;
    }


    .woehrle-product-feature {
        grid-template-columns:
            44px minmax(0,1fr);

        gap: 14px;

        padding: 18px 0;
    }


    .woehrle-product-feature__icon {
        width: 44px;
        height: 44px;
    }


    .woehrle-product-feature h3 {
        font-size: 16px;
    }


    .woehrle-product-feature p {
        font-size: 13.5px;
    }


    /* Telemetry */

    .woehrle-product-telemetry {
        padding: 18px;
    }


    .woehrle-product-telemetry__bars {
        height: 100px;
    }


    /* ==================================================
       CTA MOBILE
    ================================================== */

    .woehrle-product-cta {
        padding: 62px 0;
    }


    .woehrle-product-cta h2 {
        font-size: 32px;
    }


    .woehrle-product-cta p {
        margin-bottom: 26px;

        font-size: 15.5px;
    }


    .woehrle-product-cta__actions {
        width: 100%;

        flex-direction: column;

        gap: 10px;
    }

}


/* ==================================================
   SMALL MOBILE
================================================== */

@media (max-width: 420px) {

    .woehrle-product-page__container {
        padding-left: 16px;
        padding-right: 16px;
    }


    .woehrle-product-hero {
        padding-top: 42px;
    }


    .woehrle-product-hero__title {
        font-size: 41px;
    }


    .woehrle-product-system {
        padding: 17px;
    }


    .woehrle-product-system__top {
        font-size: 8px;
    }


    .woehrle-product-system__voltage strong {
        font-size: 21px;
    }


    .woehrle-product-intro h2 {
        font-size: 29px;
    }


    .woehrle-product-technology__content > h2 {
        font-size: 29px;
    }


    .woehrle-product-telemetry__values {
        grid-template-columns: 1fr;
    }


    .woehrle-product-cta h2 {
        font-size: 29px;
    }

}


/* ==================================================
   VERY SMALL MOBILE
================================================== */

@media (max-width: 360px) {

    .woehrle-product-page__container {
        padding-left: 14px;
        padding-right: 14px;
    }


    .woehrle-product-hero__title {
        font-size: 37px;
    }


    .woehrle-product-system__main {
        gap: 13px;
    }


    .woehrle-product-system__icon {
        width: 48px;
        height: 48px;
    }

}/* End custom CSS */
/* Start custom CSS for aux_recent_portfolios_grid, class: .elementor-element-d0eff54 *//* ==========================================================
   WÖHRLE – PHLOX PRODUKTÜBERSICHT
   KOMPLETTES CSS

   Desktop: 4 Spalten
   Tablet:  2 Spalten
   Mobile:  1 Spalte

   WICHTIG:
   Vorheriges CSS für .elementor-element-d0eff54 löschen.
========================================================== */


/* ==========================================================
   GLOBAL
========================================================== */

.elementor-element-d0eff54,
.elementor-element-d0eff54 * {
    box-sizing: border-box;
}


/* ==========================================================
   ELEMENTOR WIDGET
========================================================== */

.elementor-element-d0eff54 {
    position: relative;

    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;

    padding: 26px 0 82px !important;

    /* Hintergrund des Elementor-Containers verwenden */
    background: transparent !important;

    overflow: visible !important;
}


/* ==========================================================
   CONTENT CONTAINER
========================================================== */

.elementor-element-d0eff54
> .elementor-widget-container {
    width: 100% !important;
    max-width: 1440px !important;

    margin-left: auto !important;
    margin-right: auto !important;

    padding-left: 32px !important;
    padding-right: 32px !important;

    background: transparent !important;
}


/* ==========================================================
   PHLOX WRAPPER
========================================================== */

.elementor-element-d0eff54
.widget-container,
.elementor-element-d0eff54
.aux-widget-recent-portfolios {
    width: 100% !important;
    max-width: none !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
}


/* ==========================================================
   PHLOX / ISOTOPE → NORMALES CSS GRID
========================================================== */

.elementor-element-d0eff54
.aux-portfolio-columns {
    display: grid !important;

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

    gap: 26px !important;

    width: 100% !important;

    height: auto !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    position: relative !important;

    background: transparent !important;
}


/* ==========================================================
   EINZELNE ISOTOPE ITEMS RESETTEN
========================================================== */

.elementor-element-d0eff54
.aux-iso-item {
    position: relative !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    transform: none !important;

    width: auto !important;
    height: auto !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   PRODUKTKARTE
========================================================== */

.elementor-element-d0eff54
.aux-item-overlay {
    position: relative !important;

    width: 100% !important;
    height: auto !important;

    min-height: 320px !important;

    display: flex !important;
    flex-direction: column !important;

    overflow: hidden !important;

    background: #181818 !important;

    border: 1px solid #303030 !important;
    border-radius: 3px !important;

    transition:
        border-color 0.28s ease,
        transform 0.28s ease,
        box-shadow 0.28s ease !important;
}


/* ==========================================================
   ROTE LINIE OBEN
========================================================== */

.elementor-element-d0eff54
.aux-item-overlay::before {
    content: "";

    position: absolute;

    z-index: 50;

    top: 0;
    left: 0;

    width: 0;
    height: 2px;

    background: #b30000;

    transition: width 0.35s ease;
}


/* ==========================================================
   KARTEN HOVER
========================================================== */

.elementor-element-d0eff54
.aux-item-overlay:hover {
    border-color: #b30000 !important;

    transform: translateY(-3px) !important;

    box-shadow:
        0 20px 38px rgba(0, 0, 0, 0.35),
        0 0 28px rgba(179, 0, 0, 0.04) !important;
}


.elementor-element-d0eff54
.aux-item-overlay:hover::before {
    width: 100%;
}


/* ==========================================================
   BILDBEREICH
========================================================== */

.elementor-element-d0eff54
.entry-media {
    position: relative !important;

    inset: auto !important;

    width: 100% !important;

    height: 235px !important;
    min-height: 235px !important;

    flex: 0 0 235px !important;

    margin: 0 !important;

    display: block !important;

    overflow: hidden !important;

    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(179, 0, 0, 0.055),
            transparent 58%
        ),
        #181818 !important;

    border-bottom: 1px solid #292929 !important;

    transition: background 0.35s ease !important;
}


/* Hover nur mit leicht stärkerem Glow */

.elementor-element-d0eff54
.aux-item-overlay:hover
.entry-media {
    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(179, 0, 0, 0.09),
            transparent 60%
        ),
        #181818 !important;
}


/* ==========================================================
   MEDIA WRAPPER
========================================================== */

.elementor-element-d0eff54
.aux-media-frame,
.elementor-element-d0eff54
.aux-media-image,
.elementor-element-d0eff54
.aux-media-image > a {
    position: relative !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    overflow: hidden !important;
}


/* ==========================================================
   PRODUKTBILD

   KEIN SCALE-HOVER MEHR!
   Dadurch wird oben nichts abgeschnitten.
========================================================== */

.elementor-element-d0eff54
.aux-featured-image {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 100% !important;

    max-width: 100% !important;
    max-height: 100% !important;

    margin: 0 auto !important;

    /*
       Genug Abstand zum Kartenrand, damit das Produkt
       immer vollständig sichtbar bleibt.
    */
    padding: 16px 20px 12px !important;

    object-fit: contain !important;

    transform: none !important;

    filter:
        drop-shadow(
            0 15px 18px
            rgba(0, 0, 0, 0.42)
        ) !important;

    transition:
        filter 0.35s ease,
        opacity 0.35s ease !important;
}


/* Hover – kein Zoom */

.elementor-element-d0eff54
.aux-item-overlay:hover
.aux-featured-image {
    transform: none !important;

    filter:
        drop-shadow(
            0 20px 25px
            rgba(0, 0, 0, 0.58)
        ) !important;
}


/* ==========================================================
   PHLOX STANDARD DARKEN / ZOOM AUSSCHALTEN
========================================================== */

.elementor-element-d0eff54
.aux-frame-darken::after,
.elementor-element-d0eff54
.aux-media-frame::after {
    display: none !important;

    content: none !important;
}


/* Phlox eigener Overlay-Verlauf entfernen */

.elementor-element-d0eff54
.aux-item-overlay::after {
    display: none !important;

    content: none !important;
}


/* ==========================================================
   POWER SYSTEMS BADGE
========================================================== */

.elementor-element-d0eff54
.entry-media::before {
    content: "POWER SYSTEMS";

    position: absolute;

    z-index: 30;

    top: 14px;
    left: 14px;

    padding: 5px 8px;

    background: rgba(15, 15, 15, 0.88);

    border: 1px solid #383838;
    border-radius: 1px;

    color: #717171;

    font-family:
        ui-monospace,
        SFMono-Regular,
        Menlo,
        Monaco,
        Consolas,
        "Liberation Mono",
        monospace;

    font-size: 7px;
    font-weight: 500;

    line-height: 1;

    letter-spacing: 0.12em;

    pointer-events: none;
}


/* ==========================================================
   TEXTBEREICH UNTEN
========================================================== */

.elementor-element-d0eff54
.aux-overlay-content {
    position: relative !important;

    inset: auto !important;

    width: 100% !important;
    height: auto !important;

    min-height: 84px !important;

    flex: 1 1 auto !important;

    display: flex !important;

    align-items: center !important;
    justify-content: flex-start !important;

    padding: 0 !important;
    margin: 0 !important;

    background: #151515 !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;

    pointer-events: auto !important;
}


/* ==========================================================
   ENTRY MAIN
========================================================== */

.elementor-element-d0eff54
.aux-overlay-content
.entry-main {
    position: relative !important;

    width: 100% !important;

    /*
       Kein Platz mehr für Pfeil reservieren.
       Text kann volle Breite verwenden.
    */
    padding: 20px !important;

    margin: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;

    text-align: left !important;
}


/* ==========================================================
   ENTRY HEADER
========================================================== */

.elementor-element-d0eff54
.entry-header {
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ==========================================================
   TITEL
========================================================== */

.elementor-element-d0eff54
.entry-title {
    position: static !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    visibility: visible !important;

    transform: none !important;

    text-align: left !important;
}


/* ==========================================================
   PRODUKTNAME
========================================================== */

.elementor-element-d0eff54
.entry-title a {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #ffffff !important;

    font-family: inherit !important;

    font-size: 18px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;

    letter-spacing: -0.02em !important;

    white-space: normal !important;

    overflow-wrap: break-word !important;
    word-break: normal !important;

    text-align: left !important;

    text-decoration: none !important;

    text-shadow: none !important;

    transition: color 0.2s ease !important;
}


/* Hover */

.elementor-element-d0eff54
.aux-item-overlay:hover
.entry-title a {
    color: #ffffff !important;
}


/* ==========================================================
   PFEIL KOMPLETT ENTFERNEN
========================================================== */

.elementor-element-d0eff54
.entry-title::after {
    display: none !important;

    content: none !important;
}


/* ==========================================================
   PRODUKTINDIVIDUELLE BILDGRÖSSEN

   Hier NICHT mit scale arbeiten.
   Wir verändern nur Padding.
   Dadurch bleibt alles vollständig sichtbar.
========================================================== */


/* Schaltnetzgeräte */

.elementor-element-d0eff54
.post-292
.aux-featured-image {
    padding:
        8px 8px 6px !important;
}


/* DC-USV Module */

.elementor-element-d0eff54
.post-294
.aux-featured-image {
    padding:
        14px 28px 10px !important;
}


/* Energiespeicher */

.elementor-element-d0eff54
.post-298
.aux-featured-image {
    padding:
        12px 10px 8px !important;
}


/* AC-USV Anlagen */

.elementor-element-d0eff54
.post-301
.aux-featured-image {
    padding:
        12px 12px 8px !important;
}


.elementor-element-d0eff54
.post-301
.entry-media {
    background:
        radial-gradient(
            circle at 50% 48%,
            rgba(179, 0, 0, 0.09),
            transparent 60%
        ),
        #161616 !important;
}


/* Transformatoren */

.elementor-element-d0eff54
.post-319
.aux-featured-image {
    padding:
        14px 48px 10px !important;
}


/* Elektronische Strombegrenzer */

.elementor-element-d0eff54
.post-322
.aux-featured-image {
    padding:
        9px 34px 7px !important;
}


/* Panel-Mount / Printnetzteile */

.elementor-element-d0eff54
.post-325
.aux-featured-image {
    padding:
        12px 20px 8px !important;
}


/* ==========================================================
   PHLOX HOVER ANIMATIONEN NEUTRALISIEREN
========================================================== */

.elementor-element-d0eff54
.aux-hover-move-up,
.elementor-element-d0eff54
.aux-item-overlay:hover
.aux-hover-move-up {
    transform: none !important;

    opacity: 1 !important;
}


/*
   Sehr wichtig:
   Phlox .aux-frame-zoom darf das Bild nicht mehr skalieren.
*/

.elementor-element-d0eff54
.aux-frame-zoom img,
.elementor-element-d0eff54
.aux-frame-zoom:hover img,
.elementor-element-d0eff54
.aux-item-overlay:hover
.aux-frame-zoom img {
    transform: none !important;
}


/* ==========================================================
   PAGINATION
========================================================== */

.elementor-element-d0eff54
.aux-pagination {
    margin-top: 32px !important;
}


.elementor-element-d0eff54
.aux-pagination a,
.elementor-element-d0eff54
.aux-pagination span {
    background: #1c1b1b !important;

    border: 1px solid #343434 !important;

    color: #a0a0a0 !important;
}


.elementor-element-d0eff54
.aux-pagination .active a,
.elementor-element-d0eff54
.aux-pagination a:hover {
    background: #b30000 !important;

    border-color: #b30000 !important;

    color: #ffffff !important;
}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 900px) {

    .elementor-element-d0eff54 {
        padding:
            22px 0 68px !important;
    }


    .elementor-element-d0eff54
    > .elementor-widget-container {
        padding-left:
            24px !important;

        padding-right:
            24px !important;
    }


    /* 2 Spalten */

    .elementor-element-d0eff54
    .aux-portfolio-columns {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:
            22px !important;
    }


    /* größere Karte */

    .elementor-element-d0eff54
    .aux-item-overlay {
        min-height:
            370px !important;
    }


    /* größerer Bildbereich */

    .elementor-element-d0eff54
    .entry-media {
        height:
            278px !important;

        min-height:
            278px !important;

        flex-basis:
            278px !important;
    }


    /* Text */

    .elementor-element-d0eff54
    .aux-overlay-content {
        min-height:
            88px !important;
    }


    .elementor-element-d0eff54
    .aux-overlay-content
    .entry-main {
        padding:
            20px !important;
    }


    .elementor-element-d0eff54
    .entry-title a {
        font-size:
            19px !important;
    }


    /* Transformator auf Tablet */

    .elementor-element-d0eff54
    .post-319
    .aux-featured-image {
        padding:
            16px 65px 10px !important;
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 650px) {

    .elementor-element-d0eff54 {
        padding:
            18px 0 56px !important;
    }


    .elementor-element-d0eff54
    > .elementor-widget-container {
        padding-left:
            18px !important;

        padding-right:
            18px !important;
    }


    /* eine Karte */

    .elementor-element-d0eff54
    .aux-portfolio-columns {
        grid-template-columns:
            1fr !important;

        gap:
            16px !important;
    }


    /* Karte */

    .elementor-element-d0eff54
    .aux-item-overlay {
        min-height:
            390px !important;
    }


    /* Bild */

    .elementor-element-d0eff54
    .entry-media {
        height:
            295px !important;

        min-height:
            295px !important;

        flex-basis:
            295px !important;
    }


    /* Text */

    .elementor-element-d0eff54
    .aux-overlay-content {
        min-height:
            90px !important;
    }


    .elementor-element-d0eff54
    .aux-overlay-content
    .entry-main {
        padding:
            20px !important;
    }


    .elementor-element-d0eff54
    .entry-title a {
        font-size:
            19px !important;

        line-height:
            1.2 !important;
    }


    /* kein Hochspringen auf Touch */

    .elementor-element-d0eff54
    .aux-item-overlay:hover {
        transform:
            none !important;
    }


    /* Produktbilder Mobile */

    .elementor-element-d0eff54
    .post-292
    .aux-featured-image {
        padding:
            10px 14px 7px !important;
    }


    .elementor-element-d0eff54
    .post-294
    .aux-featured-image {
        padding:
            16px 65px 12px !important;
    }


    .elementor-element-d0eff54
    .post-298
    .aux-featured-image {
        padding:
            14px 24px 10px !important;
    }


    .elementor-element-d0eff54
    .post-301
    .aux-featured-image {
        padding:
            16px 24px 10px !important;
    }


    .elementor-element-d0eff54
    .post-319
    .aux-featured-image {
        padding:
            20px 100px 14px !important;
    }


    .elementor-element-d0eff54
    .post-322
    .aux-featured-image {
        padding:
            12px 80px 8px !important;
    }


    .elementor-element-d0eff54
    .post-325
    .aux-featured-image {
        padding:
            16px 40px 10px !important;
    }

}


/* ==========================================================
   KLEINE SMARTPHONES
========================================================== */

@media (max-width: 420px) {

    .elementor-element-d0eff54
    > .elementor-widget-container {
        padding-left:
            16px !important;

        padding-right:
            16px !important;
    }


    .elementor-element-d0eff54
    .aux-item-overlay {
        min-height:
            345px !important;
    }


    .elementor-element-d0eff54
    .entry-media {
        height:
            255px !important;

        min-height:
            255px !important;

        flex-basis:
            255px !important;
    }


    .elementor-element-d0eff54
    .entry-title a {
        font-size:
            18px !important;
    }


    .elementor-element-d0eff54
    .aux-overlay-content
    .entry-main {
        padding:
            18px !important;
    }


    /* kleine Smartphones brauchen etwas weniger Padding */

    .elementor-element-d0eff54
    .post-319
    .aux-featured-image {
        padding:
            18px 78px 12px !important;
    }


    .elementor-element-d0eff54
    .post-322
    .aux-featured-image {
        padding:
            12px 58px 8px !important;
    }

}
/* ==========================================================
   WÖHRLE PORTFOLIO
   FINALER BORDER / HOVER FIX

   Diesen Block GANZ UNTEN unter das bestehende
   Portfolio-CSS setzen.
========================================================== */


/* ==========================================================
   1. ECHTE BORDER DER KARTE ENTFERNEN
========================================================== */

.elementor-element-d0eff54
.aux-item-overlay {

    /*
       Die sichtbare Border wird ab jetzt NICHT mehr
       vom eigentlichen Element gezeichnet.
    */
    border: 0 !important;

    /*
       Wichtig:
       Karte bleibt an ihrem Platz.
       Kein Hochspringen / kein Abschneiden oben.
    */
    transform: none !important;

    position: relative !important;

    overflow: hidden !important;

    /*
       kleiner Innenabstand für unseren Fake-Border
       ist nicht nötig
    */
    outline: none !important;

    /*
       Grundschatten
    */
    box-shadow:
        0 0 0 0 transparent !important;

    transition:
        box-shadow 0.28s ease !important;
}


/* ==========================================================
   2. BORDER ALS EIGENE OVERLAY-EBENE
========================================================== */

.elementor-element-d0eff54
.aux-item-overlay::after {

    content: "" !important;

    display: block !important;

    position: absolute !important;

    /*
       Rahmen liegt INNERHALB der Karte.
       Dadurch kann nichts abgeschnitten werden.
    */
    inset: 0 !important;

    z-index: 999 !important;

    pointer-events: none !important;

    /*
       Rahmen wird mit inset box-shadow gezeichnet.
       Dadurch verändert sich die Kartengröße nicht.
    */
    box-shadow:
        inset 0 0 0 1px #303030 !important;

    border-radius: 3px !important;

    background: transparent !important;

    opacity: 1 !important;

    visibility: visible !important;

    transition:
        box-shadow 0.28s ease !important;
}


/* ==========================================================
   3. HOVER BORDER
========================================================== */

.elementor-element-d0eff54
.aux-item-overlay:hover::after {

    box-shadow:
        inset 0 0 0 1px #b30000 !important;
}


/* ==========================================================
   4. HOVER DER KARTE
   Karte wird NICHT mehr verschoben
========================================================== */

.elementor-element-d0eff54
.aux-item-overlay:hover {

    transform: none !important;

    box-shadow:
        0 18px 38px rgba(0, 0, 0, 0.35),
        0 0 28px rgba(179, 0, 0, 0.06) !important;
}


/* ==========================================================
   5. ROTE LINIE OBEN
========================================================== */

.elementor-element-d0eff54
.aux-item-overlay::before {

    content: "";

    position: absolute !important;

    z-index: 1000 !important;

    top: 0 !important;
    left: 0 !important;

    width: 0;
    height: 2px;

    background: #b30000;

    pointer-events: none;

    transition:
        width 0.35s ease !important;
}


.elementor-element-d0eff54
.aux-item-overlay:hover::before {

    width: 100% !important;
}


/* ==========================================================
   6. BILDBEREICH DARF DEN BORDER NICHT ÜBERDECKEN
========================================================== */

.elementor-element-d0eff54
.entry-media {

    /*
       Unterhalb unserer Border-Ebene
    */
    z-index: 1 !important;
}


/* ==========================================================
   7. TEXTBEREICH EBENFALLS UNTER DEM BORDER
========================================================== */

.elementor-element-d0eff54
.aux-overlay-content {

    z-index: 10 !important;
}


/* ==========================================================
   8. PHLOX ZOOM / TRANSFORM NOCH EINMAL SICHER DEAKTIVIEREN
========================================================== */

.elementor-element-d0eff54
.aux-frame-zoom,

.elementor-element-d0eff54
.aux-frame-zoom:hover {

    transform: none !important;
}


.elementor-element-d0eff54
.aux-frame-zoom img,

.elementor-element-d0eff54
.aux-frame-zoom:hover img,

.elementor-element-d0eff54
.aux-item-overlay:hover
.aux-frame-zoom img,

.elementor-element-d0eff54
.aux-item-overlay:hover
.aux-featured-image {

    transform: none !important;
}


/* ==========================================================
   9. PHLOX HOVER-MOVE-UP DEAKTIVIEREN
========================================================== */

.elementor-element-d0eff54
.aux-hover-move-up,

.elementor-element-d0eff54
.aux-item-overlay:hover
.aux-hover-move-up {

    transform: none !important;

    opacity: 1 !important;

    visibility: visible !important;
}


/* ==========================================================
   10. ISOTOPE ITEM DARF NICHT CLIPPEN
========================================================== */

.elementor-element-d0eff54
.aux-iso-item {

    overflow: visible !important;
}


/* ==========================================================
   11. GESAMTES GRID DARF SCHATTEN NICHT ABSCHNEIDEN
========================================================== */

.elementor-element-d0eff54
.aux-portfolio-columns {

    overflow: visible !important;
}


/* ==========================================================
   MOBILE / TABLET
   Auch dort kein Verschieben
========================================================== */

@media (max-width: 900px) {

    .elementor-element-d0eff54
    .aux-item-overlay:hover {

        transform: none !important;
    }

}


@media (max-width: 650px) {

    .elementor-element-d0eff54
    .aux-item-overlay:hover {

        transform: none !important;

        box-shadow:
            0 12px 26px rgba(0, 0, 0, 0.28) !important;
    }

}/* End custom CSS */