/**********allgemeine änderungen***********/

    a {
        color: #ef7f1a;
    }

    a:visited {
        color: #ef7f1a;
    }

html {
    scroll-behavior: smooth;
}

.sprung {
    visibility: hidden;
    height: 0px !important;
    position: absolute;
    margin: -230px;
}

/****Seitenrand****/
@media only screen and (min-width: 1100px) {
    .content70 {
        margin-left: 15%;
        margin-right: 15%;
    }
}

    /**********Header***********/

        .header .logo img {
        background:#263068;
    }

@media (min-width: 768px), print {
    .navigation li.level0.nav-logo-wrapper.active .level-top {
    background-color: #263068;
    }
}
    
    .header-service-wrapper {
        margin-top: 1rem !important;
        margin-top: 10px !important;
    }

    @media only screen and (max-width: 1150px) {
        .preheader-service-wrapper ul li {
            margin-right: 1rem !important;
            margin-right: 10px !important;
        }
    }

    /**********Navigationsmenü Top ***********/

    @media (min-width: 768px), print {
    .navigation .level0.parent>.level-top {
    padding-right: 1rem;
    padding-left: 1rem;
    border-left: solid #ef7f1a 1px;
    border-right: solid #ef7f1a 1px;
    }

   }

    @media (min-width: 768px), print {
    .navigation .level0>.level-top {
    background: #2f3c87;
    }
   }

        .navigation li.level0 {
            margin: 0px 5px 0px 0px;
        }

    /**********SEO Text***********/
    .seo-text-wrapper {
        display: normal;
        padding: 15px 40px 15px 40px;
        padding: 1.5rem 0rem 1.5rem 0rem;
    }

        .seo-text-wrapper h1 {
            font-size: 40px;
            font-size: 3rem;
            line-height: 50px;
            line-height: 5rem;
            margin: 50px 0px 35px 0px;
            margin: 5rem 0rem 3.5rem 0rem;
            text-align: left;
            color: #ef7f1a;
            text-shadow: 1px 1px 1px black;
        }

        .seo-text-wrapper h2 {
            font-size: 30px;
            font-size: 2.7rem;
            font-weight: 520;
            line-height: 40px;
            line-height: 4rem;
            margin: 50px 0px 35px 0px;
            margin: 5rem 0rem 3.5rem 0rem;
            text-align: left;
            color: #373f41;
        }

        .seo-text-wrapper h3 {
            font-size: 23px;
            font-size: 2.3rem;
            font-weight: 600;
            line-height: 31px;
            line-height: 3.1rem;
            margin: 50px 10px 35px 0px;
            margin: 5rem 0rem 3.5rem 0rem;
            color: #263068;
            text-align: left;
        }

        .seo-text-wrapper h4 {
            font-size: 22px;
            font-size: 2.2rem;
            font-weight: 400;
            line-height: 30px;
            line-height: 3rem;
            margin: 50px 0px 35px 0px;
            margin: 5rem 0rem 3.5rem 0rem;
            color: black;
            text-align: left;
        }

        .seo-text-wrapper p {
            font-size: 15px !important;
            font-size: 1.5rem !important;
            margin: 15px 0px 15px 0px;
            margin: 1.5rem 0rem 1.5rem 0rem;
            color: #373f41 !important;
        }

        .seo-text-wrapper li {
            font-size: 15px !important;
            font-size: 1.5rem !important;
            margin: 15px 10px 15px 80px !important;
            margin: 0rem 0rem 1rem 2rem !important;
            color: #373f41 !important;
            line-height: 1.5;
        }

        .seo-text-wrapper img {
            width: 100%;
            height: auto;
        }

        .seo-text-wrapper iframe {
            border: 1px solid black;
            margin: 2rem 0rem 0rem 0rem;
            width: 100% !important;
        }

        .seo-text-wrapper figure {
            text-align: center;
        }

        .seo-text-wrapper figcaption {
            display: inline-block;
            text-align: left;
        }

    .anmerkung {
        background-color: #f5f5f5;
        margin: 5rem 0rem 5rem 0rem;
    }

    .seo-text-wrapper table {
        background: #f5f5f5;
        border: thin solid black;
        margin-left: auto;
        margin-right: auto;
        text-align: left;
    }

    .seo-text-wrapper th {
        text-align: left;
    }

    .seo-text-wrapper th {
        background: #263068;
        color: white;
        border: thin solid black;
    }

    .seo-text-wrapper td {
        border: thin solid black;
    }


    /**********SEO Text div 50%/50% - mobile untereinander ***********/
    .box-flex {
        display: flex;
    }

    @media only screen and (max-width: 600px) {
        .box-flex {
            display: inline;
        }
    }

    .box-links {
        width: 50%;
        float: left;
    }

    @media only screen and (max-width: 600px) {
        .box-links {
            width: 100% !important;
            float: none !important;
            padding: 0rem !important;
        }
    }

    .box-rechts {
        width: 50%;
        float: right;
    }

    @media only screen and (max-width: 600px) {
        .box-rechts {
            width: 100% !important;
            float: none !important;
            padding: 0rem !important;
        }
    }

    /********** Tabelle ***********/

    .tabellen-kopf {
        color: black;
        font-size: 15px !important;
        vertical-align: text-top;
    }

    .tabellen-body {
        color: black;
        font-size: 15px !important;
    }

    /********** Auflistungen ***********/

    ul.haken {
        list-style: none;
    }

        ul.haken li:before {
            content: "\1f5f8";
            margin: 0px 10px 0px 0px;
            margin: 0rem 1rem 0rem 0rem;
        }


    ol.zahlen {
        list-style: none;
    }

        ol.zahlen li:before {
            position: absolute;
            border: 2px solid #263068;
            text-align: center;
            width: 35px;
            height: 35px;
            line-height: 32px;
            content: counter(number);
            color: #263068;
            border-radius: 100%;
            font-weight: 900;
            top: -3px;
            left: 0;
        }

        ol.zahlen li {
            -webkit-text-size-adjust: 100%;
            box-sizing: border-box;
            color: #263068;
            font-weight: 300;
            font-size: 18px;
            line-height: 32px;
            position: relative;
            counter-increment: number;
            padding: 0 0 0 48px;
            margin: 0 0 15px;
            list-style: none;
        }

    ul.plus {
        list-style: none;
    }

        ul.plus li:before {
            content: "+";
            margin: 0px 10px 0px 0px;
            margin: 0rem 1rem 0rem 0rem;
        }

    ul.minus {
        list-style: none;
    }

        ul.minus li:before {
            content: "-";
            margin: 0px 10px 0px 0px;
            margin: 0rem 1rem 0rem 0rem;
        }


    /***********************************************************************************Startseite**********************************************************/
    /*****home header teaser*****/
    .home-header-teaser-wrapper h1 {
        font-size: 40px;
        font-size: 4rem;
        margin: 0px 0px 10px 0px;
        margin: 0rem 0rem 1rem 0rem;
        line-height: 40px;
        line-height: 4rem;
        color: #262626 !important;
    }

    .home-header-teaser-wrapper p {
        font-size: large;
        position: relative;
        color: #262626 !important;
    }



    /*****wichtige Information Kunden*****/

    .home-info {
        margin: 0rem 0rem 0rem 0rem;
    }

        .home-info p {
            color: white !important;
            font-size: 17px !important;
            font-size: 1.7rem !important;
            line-height: 1.7 !important;
        }

    /*****home Sortiment*****/

    .home-sortiment {
        margin: 2rem;
    }

        .home-sortiment h2 {
            color: #373f41;
            font-size: 35px;
            font-size: 3.5rem;
        }

        .home-sortiment p {
            font-size: 17px !important;
            font-size: 1.7rem !important;
            margin: 15px 0px 15px 0px;
            margin: 1.5rem 0rem 1.5rem 0rem;
            color: #373f41 !important;
            line-height: 1.7;
        }

    /*****home Content Blöcke*****/

    .home-content-block {
        margin: 2rem;
    }

        .home-content-block h2 {
            color: #373f41;
            font-size: 26px;
            font-size: 2.6rem;
            margin: 0rem 0rem 1rem 0rem !important;
        }

        .home-content-block p {
            font-size: 17px !important;
            font-size: 1.7rem !important;
            margin: 40px 0px 30px 0px !important;
            margin: 4rem 0rem 3rem 0rem !important;
            line-height: 1.7;
        }

    /*****home buttom Content*****/

    .home-content {
        margin: 2rem 2rem 5rem 2rem;
    }

        .home-content h2 {
            color: #263068;
            font-size: 30px;
            font-size: 3rem;
            margin: 5rem 0rem 3.5rem 0rem;
            margin: 50px 0px 35px 0px;
        }

        .home-content h3 {
            color: #263068 !important;
            font-size: 23px !important;
            font-size: 2.3rem !important;
            margin: 5rem 0rem 3.5rem 0rem !important;
            margin: 50px 0px 35px 0px !important;
        }

        .home-content h4 {
            color: #263068 !important;
            font-size: 20px !important;
            margin: 5rem 0rem 3.5rem 0rem !important;
            margin: 50px 0px 35px 0px !important;
        }

        .home-content p {
            font-size: 15px !important;
            font-size: 1.5rem !important;
            margin: 15px 0px 30px 0px;
            margin: 1.5rem 0rem 1.5rem 0rem;
            color: #373f41 !important;
            line-height: 2.6rem;
        }

    /*****home Makren Karussell*****/

    .cms-index-index .home-logo-carousel-wrapper .brand-item img {
    height: auto;
    max-height: 50px;
    }

    /*****home Makren Karussell*****/

     .cms-index-index .home-topseller-carousel-wrapper .block-title {
    width: 100%;
    }

    /*****Darstellung Mobile*****/

@media screen and (max-width: 480px) {
    .home-seo-text-wrapper-block1 {
        display: none;
    }

    .home-seo-text-wrapper2 {
        display: none;
    }

    h1.h1-home {
        font-size: 30px;
        font-size: 3rem;
    }

    .home-top-service-teaser-wrapper2 {
        display: inline;
    }

        .home-top-service-teaser-wrapper2 .teaser-wrp2 {
            width: 100%;
        }

    .cms-index-index .home-bottom-service-teaser-wrapper2 {
        display: inline;
    }

        .cms-index-index .home-bottom-service-teaser-wrapper2 .tsr-wrp2 {
            width: 100%;
        }
}

@media screen and (max-width: 767px) {
    figure.m-voll {
        width: 100% !important;
    }
}

/*****Darstellung Desktop*****/

@media screen and (min-width: 767px) {
    figure.m-voll {
        width: 50% !important;
    }
}


    /******************************************************************************Ende Startseite******************************************/


    .price-details a {
        color: blue !important;
        text-decoration: underline !important;
    }

    /*****Kategorie Text Anfanfang*****/
    div.kat-text {
        padding: 1rem 1rem 2rem 1rem;
    }

    .kat-text h1 {
        line-height: 3.5rem !important;
        color: #262626 !important;
        text-align: left !important;
        margin: 0px !important;
        margin: 0rem !important;
        padding: 1rem !important;
        font-size: 3rem !important;
    }

    .kat-text p {
        font-size: 15px !important;
        font-size: 1.5rem !important;
        margin: 15px 0px 15px 0px !important;
        margin: 1.5rem 1rem 1.5rem 1rem !important;
        color: #262626 !important;
    }

    div.kat-img {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .kat-img img {
        display: block;
        margin: 2rem 2rem 2rem 2rem;
        border: 1px solid black;
        height: 100px;
        height: 10rem;
        width: auto;
    }

    /***** Kategorie Sidebar *****/

    .trust-icon-wrapper {
        margin-bottom: 1rem;
    }

    /***** CSS-Button´s Anfanfang*****/

    div.btn-zentriert {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .produktuebersicht-btn {
        color: white !important;
        font-family: "Roboto","Arial",sans-serif,"Roboto","Arial",sans-serif;
        text-align: center;
        font-size: 30px;
        font-size: 3rem;
        font-weight: 600;
        padding: 10px;
        width: auto;
        height: auto;
        border: solid 0.5px white;
        border-radius: 10px;
        box-shadow: 1px 1px 1px 1px #666;
        background: #ef7f1a !important;
        background: -moz-linear-gradient(left top,#ccddea,#bbd2e3);
        background: -webkit-linear-gradient(left top,#ccddea,#bbd2e3);
        background: -o-linear-gradient(left top,#ccddea,#bbd2e3);
        background: -ms-linear-gradient(left top,#ccddea,#bbd2e3);
        background: linear-gradient(left top,#ccddea,#bbd2e3);
        transition: background-color 0.4s;
    }

        .produktuebersicht-btn:hover {
            background-color: #d66f12 !important;
        }

    .kontakt-btn {
        color: white !important;
        font-family: "Roboto","Arial",sans-serif,"Roboto","Arial",sans-serif;
        text-align: center;
        font-size: 20px;
        font-size: 2rem;
        font-weight: 600;
        padding: 10px;
        width: auto;
        height: auto;
        border: solid 0.5px white;
        border-radius: 10px;
        box-shadow: 1px 1px 1px 1px #666;
        background: #ef7f1a !important;
        background: -moz-linear-gradient(left top,#ccddea,#bbd2e3);
        background: -webkit-linear-gradient(left top,#ccddea,#bbd2e3);
        background: -o-linear-gradient(left top,#ccddea,#bbd2e3);
        background: -ms-linear-gradient(left top,#ccddea,#bbd2e3);
        background: linear-gradient(left top,#ccddea,#bbd2e3);
        transition: background-color 0.4s;
    }

        .kontakt-btn:hover {
            background-color: #d66f12 !important;
        }

.sonderangebote-btn {
    color: white !important;
    font-family: "Roboto","Arial",sans-serif,"Roboto","Arial",sans-serif;
    text-align: center;
    font-weight: 600;
    padding: 10px;
    width: auto;
    height: auto;
    border: 0 none;
    border-radius: 1rem;
    background: #709330 !important;
    background: -moz-linear-gradient(left top,#ccddea,#bbd2e3);
    background: -webkit-linear-gradient(left top,#ccddea,#bbd2e3);
    background: -o-linear-gradient(left top,#ccddea,#bbd2e3);
    background: -ms-linear-gradient(left top,#ccddea,#bbd2e3);
    background: linear-gradient(left top,#ccddea,#bbd2e3);
    transition: background-color 0.4s;
    margin: 1rem;
}

    .sonderangebote-btn:hover {
        background-color: #587524 !important;
    }
    /*****Trespa Preisblock*****/

    .preisblock-trespa {
        float: left;
        padding: 1rem;
        margin: 1rem;
        background-color: lightgray;
        width: 50%;
    }

    @media only screen and (max-width: 600px) {
        .preisblock-trespa {
            width: 100% !important;
            float: none !important;
            padding: 1rem !important;
            margin: 1rem 0rem 1rem 0rem !important;
        }
    }

    .preisblock-trespa p {
        font-size: 15px !important;
        font-size: 1.5rem !important;
        margin: 15px 0px 15px 0px;
        margin: 1.5rem 0rem 1.5rem 0rem;
        color: #373f41 !important;
    }

    .preisblock-trespa li {
        font-size: 15px !important;
        font-size: 1.5rem !important;
        margin: 15px 10px 15px 80px !important;
        margin: 0rem 0rem 1rem 2rem !important;
        color: #373f41 !important;
        line-height: 1.5;
    }

    /***Trespa Farbauswahl****/
    figure.trespa-farbauswahl {
        margin: auto
    }

    figure.farbmuster {
        display: inline-block;
        width: 150px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    figcaption {
        display: inline-block;
        font-size: small;
        color: black;
        line-height: normal;
        text-align: left;
    }
    /***Trespa Farbauswahl Ende****/

    /***Individuelle Icon´s Winter Gewächshaus****/

li.icon-risse {
    display: inline-block;
    background-image: url(/media/wysiwyg/svg/risse-loecher.svg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 48px;
    padding-left: 60px;
    padding-top: 5px;
}

li.icon-isolieren {
    display: inline-block;
    background-image: url(/media/wysiwyg/svg/waende-isolieren.svg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 48px;
    padding-left: 60px;
    padding-top: 5px;
}

li.icon-mulchen {
    display: inline-block;
    background-image: url(/media/wysiwyg/svg/boden-mulchen.svg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 48px;
    padding-left: 60px;
    padding-top: 5px;
}

li.icon-beheizen {
    display: inline-block;
    background-image: url(/media/wysiwyg/svg/beheizen.svg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 48px;
    padding-left: 60px;
    padding-top: 5px;
}

/***Individuelle Icon´s Winter Gewächshaus - Ende****/

/***Bildergalerie in Produkten****/

.bildergalerie-in-produkten {
    --size: 10em;
    /* control the size */

    --gap: 1em;
    /* control the gap */

    --zoom: 2;
    /* control the scale factor */

    display: grid;
    gap: var(--gap);
    width: calc(3*var(--size) + 2*var(--gap));
    aspect-ratio: 1;
    grid-template-columns: repeat(3, auto);
}

    .bildergalerie-in-produkten figure {
        margin: 0;
        padding: 0;
        position: relative;
    }

    .bildergalerie-in-produkten figcaption {
        position: absolute;
        bottom: 0;
        left: 0;
        text-align: center;
        width: 100%;
        opacity: 0;
        color: white;
        background: rgb(0 0 0 / 0.3);
    }

    .bildergalerie-in-produkten figure:hover figcaption,
    .bildergalerie-in-produkten figure:focus figcaption {
        opacity: 1;
    }

    .bildergalerie-in-produkten figure img {
        width: 0;
        height: 0;
        min-height: 100% !important;
        min-width: 100% !important;
        object-fit: cover;
        cursor: pointer;
        transition: .35s linear;
    }

    .bildergalerie-in-produkten figure:hover img,
    .bildergalerie-in-produkten figure:focus img {
        filter: grayscale(0);
        width: calc(var(--size)*var(--zoom)) !important;
        height: calc(var(--size)*var(--zoom))!important;
    }


/***Bildergalerie in Produkten - Ende****/

/***Amasty Modul Shoppingcard - Anfang****/


    @media (min-width: 768px), print {
        .product-options-bottom {
            display: block;
        }
    }

    .product-options-wrapper .swatch-opt .swatch-attribute .swatch-attribute-label {
        width: 15rem;
    }

@media (max-width: 768px), print {
    .product-options-wrapper .swatch-opt .swatch-attribute {
        display: block !important;
    }

    /***Amasty Modul Shoppingcard - Ende****/

    /***Produktseiten - Anfang****/

    .fotorama__stage__frame .fotorama__img {
        width: auto !important;
    }

    /***Produktseiten - Ende****/

    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++** Produktseiten - Checkout *++++++++++++++++++++++***/
   
    .field-error, div.mage-error[generated] {
                color: red !important; 
                font-size: 1.5rem !important;
                font-weight: bold !important;
                border: solid 1px !important;
                padding: 0.5rem !important;
    }
        
    /*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++** Produktseiten - Checkout *++++++++++++++++++++++***/
}

/******************************************************************************
 * MOCKUP-V2 KATEGORIESEITEN — v31 (mit erhöhter Spezifität)
 * Alle Mockup-Klassen mit .seo-text-wrapper-Präfix, damit sie die
 * bestehenden .seo-text-wrapper-Regeln (img, p, li, h3, table) überschreiben.
 ******************************************************************************/

/***** Eyebrow *****/
.seo-text-wrapper .section-eyebrow {
    display: inline-block !important;
    font-size: 12px !important;
    font-size: 1.2rem !important;
    font-weight: 600 !important;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #6b7280 !important;
    margin-bottom: 0.5rem;
}

/***** KPI-Grid *****/
.seo-text-wrapper .kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.5rem;
    margin: 2rem 0 !important;
}

.seo-text-wrapper .kpi-box {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    padding: 2rem 1rem;
    background: #f5f5f5;
    border-radius: 8px;
    text-align: center;
}

.seo-text-wrapper .kpi-zahl {
    font-size: 35px !important;
    font-size: 3.5rem !important;
    font-weight: 700;
    color: #ef7f1a !important;
    line-height: 1 !important;
    display: block;
}

.seo-text-wrapper .kpi-prefix {
    font-size: 0.55em !important;
    font-weight: 500;
    color: #6b7280 !important;
    margin-right: 0.15em;
    text-transform: lowercase;
}

.seo-text-wrapper .kpi-label {
    margin-top: 1rem;
    font-size: 14px !important;
    font-size: 1.4rem !important;
    color: #373f41 !important;
    line-height: 1.3 !important;
    display: block;
}

@media only screen and (max-width: 768px) {
    .seo-text-wrapper .kpi-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/***** Use-Case-Grid *****/
.seo-text-wrapper .usecase-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.5rem;
    margin: 2rem 0 !important;
}

.seo-text-wrapper .usecase-card {
    display: flex !important;
    flex-direction: column;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.2s;
    background: #fff;
}

.seo-text-wrapper .usecase-card:hover {
    box-shadow: 0 4px 12px rgba(38,48,104,0.12);
}

.seo-text-wrapper .usecase-main {
    display: block !important;
    text-decoration: none !important;
    color: inherit !important;
    flex: 1;
}

.seo-text-wrapper .usecase-card img {
    width: 100% !important;
    height: 160px !important;
    object-fit: cover !important;
    display: block !important;
    margin: 0 !important;
}

.seo-text-wrapper .usecase-card h3 {
    margin: 1rem 1rem 0.25rem !important;
    font-size: 18px !important;
    font-size: 1.8rem !important;
    color: #263068 !important;
    line-height: 1.3 !important;
    text-shadow: none !important;
    font-weight: 600 !important;
}

.seo-text-wrapper .usecase-empfehlung {
    display: block !important;
    margin: 0 1rem 1rem !important;
    font-size: 13px !important;
    font-size: 1.3rem !important;
    color: #6b7280 !important;
    font-style: italic;
}

@media only screen and (max-width: 768px) {
    .seo-text-wrapper .usecase-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media only screen and (max-width: 480px) {
    .seo-text-wrapper .usecase-grid {
        grid-template-columns: 1fr !important;
    }
}

/***** SVG-Figur *****/
.seo-text-wrapper .svg-figure {
    margin: 2rem 0 !important;
    text-align: center;
    background: #f5f5f5;
    padding: 2rem 1.5rem;
    border-radius: 8px;
}

.seo-text-wrapper .svg-figure svg {
    max-width: 100% !important;
    width: auto !important;
    height: auto !important;
    display: inline-block !important;
    margin: 0 !important;
}

.seo-text-wrapper .svg-figure figcaption {
    margin-top: 1rem !important;
    font-size: 13px !important;
    font-size: 1.3rem !important;
    color: #6b7280 !important;
    font-style: italic;
    text-align: left !important;
    line-height: 1.5 !important;
    display: block !important;
}

/***** Marken-Grid *****/
.seo-text-wrapper .marken-grid {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 1.5rem;
    margin: 2rem 0 !important;
}

.seo-text-wrapper .marken-box {
    padding: 1.5rem;
    border: 1px solid #e5e7eb;
    border-radius: 8px;
    background: #fff;
}

.seo-text-wrapper .marken-box h3 {
    margin: 0.5rem 0 0.25rem !important;
    font-size: 18px !important;
    font-size: 1.8rem !important;
    color: #263068 !important;
    text-shadow: none !important;
    line-height: 1.3 !important;
}

.seo-text-wrapper .marken-box em {
    font-size: 13px !important;
    font-size: 1.3rem !important;
    color: #6b7280 !important;
    font-style: italic;
    display: block;
    margin-bottom: 0.5rem;
}

.seo-text-wrapper .marken-box p {
    font-size: 14px !important;
    font-size: 1.4rem !important;
    line-height: 1.5 !important;
    color: #373f41 !important;
    margin: 0 !important;
}

@media only screen and (max-width: 900px) {
    .seo-text-wrapper .marken-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media only screen and (max-width: 600px) {
    .seo-text-wrapper .marken-grid {
        grid-template-columns: 1fr !important;
    }
}

/***** Problemlöser *****/
.seo-text-wrapper .problemloeser {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 1.5rem;
    margin: 2rem 0 !important;
}

.seo-text-wrapper .problemloeser-box {
    padding: 1.5rem;
    background: #fffbeb;
    border-left: 4px solid #ef7f1a;
    border-radius: 4px;
}

.seo-text-wrapper .problemloeser-box h3 {
    margin: 0 0 0.5rem !important;
    font-size: 16px !important;
    font-size: 1.6rem !important;
    color: #92400e !important;
    text-shadow: none !important;
    line-height: 1.3 !important;
}

.seo-text-wrapper .problemloeser-box p {
    font-size: 14px !important;
    font-size: 1.4rem !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    color: #373f41 !important;
}

@media only screen and (max-width: 768px) {
    .seo-text-wrapper .problemloeser {
        grid-template-columns: 1fr !important;
    }
}

/***** USP-Grid *****/
.seo-text-wrapper .usp-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.5rem;
    margin: 2rem 0 !important;
}

.seo-text-wrapper .usp-box {
    display: flex !important;
    flex-direction: column;
    padding: 2rem 1.5rem;
    background: linear-gradient(135deg, #f5f5f5 0%, #e8eaf2 100%);
    border-radius: 10px;
    text-align: left;
}

.seo-text-wrapper .usp-box h3 {
    margin: 0 0 0.5rem !important;
    font-size: 16px !important;
    font-size: 1.6rem !important;
    color: #263068 !important;
    text-shadow: none !important;
    line-height: 1.3 !important;
}

.seo-text-wrapper .usp-box p {
    margin: 0 !important;
    font-size: 14px !important;
    font-size: 1.4rem !important;
    color: #373f41 !important;
    line-height: 1.45 !important;
}

@media only screen and (max-width: 768px) {
    .seo-text-wrapper .usp-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/***** Vergleichs-Tabelle (überschreibt .seo-text-wrapper table) *****/
.seo-text-wrapper .vergleich-tabelle {
    width: 100% !important;
    border-collapse: collapse !important;
    margin: 2rem 0 !important;
    background: #fff !important;
    border: none !important;
}

.seo-text-wrapper .vergleich-tabelle th,
.seo-text-wrapper .vergleich-tabelle td {
    padding: 0.8rem 1rem !important;
    text-align: left !important;
    border: none !important;
    border-bottom: 1px solid #e5e7eb !important;
    font-size: 14px !important;
    font-size: 1.4rem !important;
}

.seo-text-wrapper .vergleich-tabelle th {
    background: #263068 !important;
    color: #fff !important;
    font-weight: 600 !important;
}

.seo-text-wrapper .vergleich-tabelle tbody tr:nth-child(even) {
    background: #f5f5f5 !important;
}

.seo-text-wrapper .vergleich-tabelle tbody tr:hover {
    background: #e8eaf2 !important;
}

/***** Stärken-Tabelle *****/
.seo-text-wrapper .staerken-tabelle td:first-child {
    font-weight: 700 !important;
    color: #ef7f1a !important;
}


/******************************************************************************
 * MOCKUP-V2 — LIVE-GANG-POLISHING (v33, 21.05.2026)
 * 1. Section-Eyebrows ("01 — ANWENDUNGEN" etc.) ausblenden für Kunden
 * 2. Dezenter Trennstrich zwischen den Sections
 ******************************************************************************/

/* Eyebrows komplett verstecken — sind nur fürs Mockup-Review */
.seo-text-wrapper .section-eyebrow {
    display: none !important;
}

/* Trennstrich vor jeder H2 außer der ersten — sauber abgegrenzte Sections */
.seo-text-wrapper > div:not(:first-of-type) > h2:first-child,
.seo-text-wrapper > div > h2 {
    /* Selektor greift, wenn h2 erstes Element im div ist */
}

/* Einfacherer Ansatz: ALLE h2 in seo-text-wrapper bekommen Trennstrich */
.seo-text-wrapper h2 {
    border-top: 1px solid #e5e7eb !important;
    padding-top: 4rem !important;
    margin-top: 5rem !important;
}

/* … außer der ersten H2 oben in der Seite (z.B. Section 01) — kein Trennstrich davor */
.seo-text-wrapper > div:first-of-type h2 {
    border-top: none !important;
    padding-top: 0 !important;
    margin-top: 5rem !important;
}