@charset "utf-8";
/*  CSS Document  */
/*  for MPP, Version 2025  */

/*	--------------------------------------------------------------------------------------------------------  VARIABLES  */

    :root{
        /*	----------------------------------------------------------  SIZES  */
        --full-width: 100%;
        --inner-width: 1200px;

        --greenfield-width: calc(100% - 130px);

        /*	---------------------------------------------------------  COLORS  */
        --mpp-green: rgba(113,181,28,1);
        --mpp-green-grey: rgba(215,255,165,0.5);
        --mpp-text-grey: rgba(153,153,153,1);

        --mpp-white-h1: #eee;
        --mpp-white-h2: #ccc;
        --mpp-figcaption: rgba(255,255,255,0.5);

        --mpp-blackground: rgba(15,15,15,1);

        --bg-temp: rgba(30,30,30,1);

        /*	----------------------------------------------------------  FONTS  */
        --heebo: 'Heebo', 'Helvetica', 'Helvetica Neue', 'Arial';

        --thin: 		100;
        --extralight: 	200;
        --light: 		300;
        --regular: 		400;
        --medium: 		500;
        --semibold: 	600;
        --bold: 		700;
        --black: 		800;
        --extrablack: 	900;
    }

    @media screen and (min-width:666px){
        :root{
            --greenfield-width: 300px;
        }
    }

/*	---------------------------------------------------------------------------------------------------  GENERIC RESETS  */

    h1, h2, h3, h4, h5, h6, p, td, ol, ul, li, figure, button {
        margin:0;
        padding:0;

        font-family: "heebo", sans-serif;
        font-weight: var(--light);

        border:0;
        outline:0;

        background-color:transparent;
    }


/*	-----------------------------------------------------------------------------------------------------------  BASICS  */

    * {
        box-sizing: border-box;
    }

    html, body {
        width: 100%;
        height: auto;
        min-height: 100vh;
        position: relative;

        padding:0;
        margin:0;

        font-family: var(--heebo), sans-serif;
        font-style: normal;
        font-weight: var(--light);
        font-size: 93.75%;
        color: white;

        background-color: var(--mpp-blackground);
    }

    html{
        /*	force scrollbars  */
        overflow-y: scroll;
        scroll-behavior: smooth;
    }

    body{

    }

/*	----------------------------------------------------------------------------------------------------------  FLEXBOX  */
    .flx{
        display: flex;
    }

    .flxR{
        display:flex;
        flex-flow:row;
        flex-wrap:nowrap;
    }

    .flxC{
        display:flex;
        flex-flow:column;
        flex-wrap:nowrap;
    }

    .flxJCA	{ justify-content:space-around; }
    .flxJCB	{ justify-content:space-between; }
    .flxJCC	{ justify-content:center; }
    .flxJCE	{ justify-content:flex-end; }
    .flxJCS	{ justify-content:flex-start; }

    .flxAIC	{ align-items:center; }
    .flxAIE	{ align-items:flex-end; }
    .flxAIS	{ align-items:flex-start; }

    .flxWrp	{ flex-wrap:wrap; }


/*	-------------------------------------------------------------------------------------------------------------  GRID  */

    .grd{
        display: grid;
    }

        .grdCols2{
            grid-template-columns: 1fr;
            gap: 30px;
        }
        @media screen and (min-width:666px){
            .grdCols2{
                grid-template-columns: repeat( 2, 1fr );
            }
        }

        .grdCols4{
            grid-template-columns: 1fr;
            gap: 15px;
        }
        @media screen and (min-width:666px){
            .grdCols4{
                grid-template-columns: repeat( 2, 1fr );
            }

        }
        @media screen and (min-width:1222px){
            .grdCols4{
                grid-template-columns: repeat( 4, 1fr );
            }

        }



/*	------------------------------------------------------------------------------------------------------------  SIZES  */

    .fllW{
        width:100%;
        height:auto;
    }

    .fllH{
        height:100%;
        width:auto;
    }

    .fllWH{
        width:100%;
        height:100%;
    }

    .innerWidth{
        width:100%;
        max-width: var(--inner-width);
        margin:0 auto;
    }




/*	---------------------------------------------------------------------------------------------------  COMMON CLASSES  */

    .mppai_blackground{
        background: var(--mpp-blackground);
        box-shadow: 0 0 10px 5px var(--mpp-blackground);

        transition: all 0.5s;
    }


    h1{
        padding: 50px 0 20px;

        font-size: 1.75rem;

        color: var(--mpp-white-h1);
    }

    h2{
        padding: 20px 0;

        /*
        font-family: var(--heebo), sans-serif;
        font-weight: var(--light);

         */
        font-size: 1.1rem;
        line-height: 27px;

        color: var(--mpp-white-h2);
    }
    @media screen and (min-width:666px){
        h2{
            font-size: 1.25rem;
        }
    }

        h2 a:link, h2 a:visited { color: var(--mpp-white-h2); }
        h2 a:hover, h2 a:active { color: var(--mpp-green);	}

        h1 + h2{ padding-top:0; }
        p + h2 { padding-top:25px !important; }

        .mppai_cntPrjFll h2{
            padding: 12px 0 2px;
        }


    h3{
        padding: 15px 0 8px;

        /*
        font-family: var(--heebo), sans-serif;
        font-weight: var(--light);

         */
        font-size: 1.25rem;

        color:#CCC;
    }
        h2 + h3{ padding-top:0; }

        .mppai_cntPrjFll h3{
            font-size: 1.1rem;
        }

        .single-projekt .mppai_mainL h3{
            font-weight: var(--medium);
            letter-spacing: 4px;
        }

    h4{
        font-family: var(--heebo), sans-serif;
        font-weight: var(--light);

        font-size: 16px;

        color:#999;
    }

    p, ul, ol{
        padding:0 0 8px 0;

        /*
        font-family: var(--heebo), sans-serif;
        font-weight: var(--light);

         */
        font-size:16px;

        color:#999;
    }

    ul{ padding:0 0 15px 0; }

    a{
        text-decoration: none;
        outline: none;
    }

        p a {
            padding :0;
        }
        p a:link, p a:visited { color:#a0b685;	}
        p a:hover, p a:active { color: var(--mpp-green);	}

        div#mppai_rtrn p a.mppai_bckLnk{
            display:inline-block;
            padding:0 0 0 20px;
            background:url("../../media/images/mppai_linkdart_prev.gif") no-repeat;
        }
        div#mppai_rtrn p a.mppai_bckLnk:link, div#mppai_rtrn p a.mppai_bckLnk:visited { color:#a0b685; background-position:0 0;	}
        div#mppai_rtrn p a.mppai_bckLnk:hover, div#mppai_rtrn p a.mppai_bckLnk:active { color:#71b51c; background-position:0 -50px;	}

    .green{
        color:var(--mpp-green);
    }


    .topMargin25{
        margin-top:25px;
    }






/*  -----------------------------------------------------------------------------------------------------------  HEADER  */
    .mppai_hdrWrp {
        width: 100%;
        height: 190px;

        margin: 0;
        padding: 0;
        z-index: 300;

        position: fixed;
        top: 0;

        transition: top 0.5s;
    }

    /*  -------------------------------------------------------------------------------  PRE-HEADER  */
        .mppai_preHdr{
            width: 100%;
            max-width: var(--inner-width);
            height: 30px;

            position: fixed;
            top:0;
            z-index: 310;

            transition: height 0.5s;
        }

            .mppai_thuhMightyMightyGreenfieldsTop{
                width: var(--greenfield-width);
                height: 100%;
                background: rgba(113,181,28,1);
            }

    .tempOutput{
        position: absolute;
        top:50%;
        left: 5px;
        translate: 0 -50%;

        font-size: 0.7rem;
        color: var(--mpp-green);
    }


    /*  ------------------------------------------------------------------------------  HEADER LOGO  */

        .mppai_hdrLogoWrp{
            width: 100%;
            min-width: 320px;
            max-width: var(--inner-width);
            height: 100%;

            position: absolute;
            top: 0;
            left: 50%;
            z-index: -1;
            transform: translateX(-50%);
        }

            .mppai_hdrLogoMain{
                width: 210px;
                height: auto;

                position: absolute;
                top: 45px;
                right: unset;
                left: 22px;

                transition: all 0.5s;
            }
            @media screen and (min-width:666px){
                .mppai_hdrLogoMain{
                    right: 198px;
                    left: unset;
                }
            }

                .mppai_hdrLogo{
                    display: block;
                }


        /*  -----------------------------------------------------------  DESKTOP NAVIGATION WRAPPER  */
            .mppai_navDWrp{
                width: 100%;
                max-width: var(--inner-width);
                height: 40px;

                position: relative;
                margin: 0 0 0 0;
                padding: 2px 0 2px 25px;
                z-index: 311;

            /*    background-color: rgba(0,220,0,0.2);  */
            }
            @media screen and (min-width: 1222px){
                .mppai_navDWrp{
                    padding-left: 0;
                }
            }


            /*  -------------------------------------  LOGO SUBLINE / LOGO WHILE SCROLLED  */

                .mppai_hdrLogoSubline{
                    width: 210px;
                    height: 26px;

                    position: absolute;
                    right: unset;
                    left: 22px;
                    top: calc(50% - 2px);
                    transform: translateY(-50%);

                    background-color: var(--mpp-blackground);
                }
                @media screen and (min-width:666px){
                    .mppai_hdrLogoSubline{
                        left: unset;
                        right: 198px;
                    }
                }

                .mppai_hdrLogoSupplementMPP{
                    width: 50px;
                    height: 21px;

                    position: absolute;
                    right: 218px;

                    opacity: 0;

                    transition: opacity 0.5s;
                }



            /*  -----------------------------------------------------  DESKTOP NAVIGATION  */

                .mppai_navD{
                    display: none;
                }
                @media screen and (min-width: 999px){
                    .mppai_navD {
                        display: flex;
                    }
                }

                    .mppai_navMain{
                        margin-bottom: 4px;
                    }

                    .mppai_navContact{
                        margin-top: -1px;
                    }


                        .mppai_menu {
                            width: fit-content;
                            height: 100%;

                            position: relative;
                            padding: 0;

                            cursor: pointer;

                            transition: margin 0.5s;
                        }

                        ul.mppai_menu li{
                            display:flex;
                            align-items: center;

                            width: fit-content;
                            height: 100%;

                            position: relative;

                            list-style:none;

                            font-family:"heebo",sans-serif;
                            font-style:normal;
                            font-size:18px;
                            color:#AAA;
                        }

                            .mppai_navD li a{
                                display: flex;
                                padding-right: 30px;
                            }
                                .mppai_navD li:last-of-type a{
                                    padding-right: 20px;
                                }
                                @media screen and (min-width:1222px){
                                    .mppai_navD li:last-of-type a{
                                        padding-right: 0;
                                    }
                                }

                                .mppai_navD li a::after{
                                    content: ' ';
                                    display: none;

                                    width: 20px;
                                    height: 20px;

                                    position: absolute;
                                    left: -12px;

                                    background:url("../../media/images/mppai_menu_signalcross_green.png") no-repeat;
                                }

                            .mppai_navD li a:link, .mppai_navD li a:visited { color:#AAA; }
                            .mppai_navD li a:hover, .mppai_navD li a:active { color:#71B51C;  }
                            .mppai_navD li a:hover::after, .mppai_navD li a:active::after { display: block  }

                            /*	li.mppai_searchInitiator a:hover, li.mppai_searchInitiator a:active { color:#71B51C; background:none; }  */
                            li.mppai_searchInitiator a:link, li.mppai_searchInitiator a:visited { color:#AAA; }
                            li.mppai_searchInitiator a:hover, li.mppai_searchInitiator a:active { color:#71B51C; }
                            li.mppai_searchInitiator a:hover .mppai_searchLens, li.mppai_searchInitiator a:active .mppai_searchLens { fill:#71B51C; }

                            .mppai_navD li.current-menu-item a:link, .mppai_navD li.current-menu-item a:visited { color:#FFF;; }
                            .mppai_navD li.current-menu-item a:hover, .mppai_navD li.current-menu-item a:active { color:#71B51C; }

                            .menuNew span{
                                padding:7px 20px 10px 11px;
                                background:url("../../media/images/mppai_menu_signalstar_yellow.png") no-repeat;
                            }

                            .mppai_navD li.menuNew a:link, .mppai_navD li.menuNew a:visited { color:#AAA; background:url("../../media/images/mppai_menu_signalstar_yellow.png") no-repeat; }
                            .mppai_navD li.menuNew a:hover, .mppai_navD li.menuNew a:active { color:#71B51C; background:url("../../media/images/mppai_menu_signalcross_green.png") no-repeat; }


                            /*	---------------------------------------------  INSTAGRAM  */
                            .mppai_instagram{

                            }
                                .mppai_iconInstagram{
                                    width:27px;
                                    aspect-ratio: 1 / 1;
                                }
                                    .mppai_iconInstagramPath{
                                        fill:rgba(255,255,255,0.5);
                                    }

                                        .mppai_iconInstagram:hover .mppai_iconInstagramPath{
                                            fill:#71B51C;
                                        }


            /*  -------------------------------------------------------  SEARCH INJECTION  */
                .mppai_menu li.mppai_searchInitiator{

                }
                    .mppai_menu li.mppai_searchInitiator a{
                        display:flex;
                        flex-flow:row nowrap;
                    }

                .mppai_searchIcon{
                    display:block;

                    width:22px;
                    height:auto;

                    margin:0 8px 0 0;
                }
                    .mppai_searchLens{
                        fill:rgba(255,255,255,0.5);
                    }

                .mppai_searchForm{
                    width: 0;
                    height: auto;

                    overflow: hidden;

                    position: absolute;
                    top: 0;

                    transition:width 0.4s;
                }
                    .mppai_search{
                        width:100%;

                        background-color: var(--mpp-green);
                    }

                        .mppai_searchField,
                        .mppai_searchSubmit,
                        .mppai_closeIcon{
                            width: fit-content;
                            padding:0;

                            font-family: var(--heebo), sans-serif;
                            font-weight: var(--light);
                            font-size:18px;
                            font-style:normal;

                            border: 8px solid var(--mpp-green);
                            background-color: var(--mpp-green);
                            color: rgba(0,0,0,1);

                            outline:none;
                        }

                        .mppai_searchField{
                            flex-grow: 1;
                            padding: 0 7px;
                        }

                        .mppai_searchSubmit{
                            width:auto;
                            cursor:pointer;
                        }
                        @media screen and (min-width:666px){
                            .mppai_searchSubmitMobile {
                                justify-content: flex-end;
                            }
                        }
                            .mppai_searchSubmit .mppai_searchIcon{ display: none; }
                            .mppai_searchSubmitMobile .mppai_searchIcon{ display: flex; }


                        .mppai_searchCloseIcon{
                            width: 22px;
                            height: auto;
                            margin-right: 10px;
                            cursor: pointer;

                        }






/*	---------------------------------------------------------------------  ANIMATED HAMBURGER BUTTON  */

    .navBurgerBtnWrp{
        width: 50px;

        position: absolute;
        right: 25px;
        bottom: 7px;
        z-index:320
    }
    @media screen and (min-width: 999px) {
        .navBurgerBtnWrp{
            display: none;
        }
    }

        .navBurgerBtn{
            width: 30px;

            position: relative;
            margin: 0 0 0 3px;

            font-size: 1.2rem;
            font-weight: var(--light);
            text-decoration: none;
            color: var(--mpp-text-grey);

            transition: top 0.5s;

            --rotationUp: 	45deg;
            --rotationDown: -45deg;

            --1stheight: 	0%;
            --2ndheight: 	50%;
            --3rdheight: 	100%;

            --animduration: 0.5s;
            /*	background-color: var(--test-shade);  */
        }
            .navBurgerBtn:link, .navBurgerBtn:visited{}
            .navBurgerBtn:hover, .navBurgerBtn:active{}


            .navBurgerLines{
                width: 100%;
                aspect-ratio: 5 / 4;

                position:relative;
                margin: 0;
            }

                .navBurgerLine{
                    width: 100%;
                    height: 2px;

                    position:absolute;
                    left: 50%;

                    translate: -50% 0;

                    background-color: var(--mpp-text-grey);

                    transition:color 0.5s, background 0.5s;
                    transform-origin: center center;
                }
                .navBurgerLine:nth-of-type(1){ top: var(--1stheight); }
                .navBurgerLine:nth-of-type(2){ top: var(--2ndheight); }
                .navBurgerLine:nth-of-type(3){ top: var(--3rdheight); }

                .navBurgerLabel{
                    margin: 18px 0 0 0 ;
                    color: var(--mpp-text-grey);
                }

    /*	-----------------------------------------------  ANIMATION CLASSES AND ANIMATIONS  */

    .topslant{
        animation: topslant var(--animduration) forwards;
    }
    .topstraight{
        animation: topstraight var(--animduration) forwards;
    }

    @keyframes topslant {
        0% {	transform: rotate(0);					top: var(--1stheight); }
        50% {	transform: rotate(0);					top: var(--2ndheight); width: 100%; }
        100% {	transform: rotate(var(--rotationUp));	top: var(--2ndheight); width: 130%; }
    }

    @keyframes topstraight {
        0% {	transform: rotate(var(--rotationUp));	top: var(--2ndheight); width: 130%; }
        50% {	transform: rotate(0);					top: var(--2ndheight); width: 100%; }
        100% {	transform: rotate(0);					top: var(--1stheight); }
    }

    .middlefade{
        animation: middlefade var(--animduration) forwards;
    }
    .middleshow{
        animation: middleshow var(--animduration) forwards;
    }

    @keyframes middlefade {
        0% {	opacity:1; }
        50% {	opacity:1; }
        51% {	opacity:0; }
        100% {	opacity:0; }
    }

    @keyframes middleshow {
        0% {	opacity:0; }
        50% {	opacity:0; }
        51% {	opacity:1; }
        100% {	opacity:1; }
    }

    .middleRotateLeft{
        animation: middlerotateleft var(--animduration) forwards;
    }

    .middleRotateRight{
        animation: middlerotateright var(--animduration) forwards;
    }

    .middleRotateLeftZero{
        animation: middlerotateleftzero var(--animduration) forwards;
    }

    .middleRotateRightZero{
        animation: middlerotaterightzero var(--animduration) forwards;
    }

    @keyframes middlerotateleft {
        0% {	transform: rotate(0deg);				background-color: rgba(0,0,0,0); }
        50% {	transform: rotate(0deg);				background-color: rgba(0,0,0,0); }
        51% {	transform: rotate(0deg);				background-color: rgba(0,0,0,1); }
        100% {	transform: rotate(var(--rotationUp));	background-color: rgba(0,0,0,1); }
    }

    @keyframes middlerotateright {
        0% {	transform: rotate(0deg);				background-color: rgba(0,0,0,0); }
        50% {	transform: rotate(0deg);				background-color: rgba(0,0,0,0); }
        51% {	transform: rotate(0deg);				background-color: rgba(0,0,0,1); }
        100% {	transform: rotate(var(--rotationDown));	background-color: rgba(0,0,0,1); }
    }

    @keyframes middlerotateleftzero {
        0% {	transform: rotate(var(--rotationUp));	background-color: rgba(0,0,0,1); }
        50% {	transform: rotate(0deg);				background-color: rgba(0,0,0,1); }
        51% {	transform: rotate(0deg);				background-color: rgba(0,0,0,0); }
        100% {	transform: rotate(0deg);				background-color: rgba(0,0,0,0); }
    }

    @keyframes middlerotaterightzero {
        0% {	transform: rotate(var(--rotationDown));	background-color: rgba(0,0,0,1); }
        50% {	transform: rotate(0deg);				background-color: rgba(0,0,0,1); }
        51% {	transform: rotate(0deg);				background-color: rgba(0,0,0,0); }
        100% {	transform: rotate(0deg);				background-color: rgba(0,0,0,0); }
    }


    .bottomslant{
        animation: bottomslant var(--animduration) forwards;
    }
    .bottomstraight{
        animation: bottomstraight var(--animduration) forwards;
    }

    @keyframes bottomslant {
        0% {	transform: rotate(0);					top: var(--3rdheight); }
        50% {	transform: rotate(0);					top: var(--2ndheight); width: 100%;}
        100% {	transform: rotate(var(--rotationDown));	top: var(--2ndheight); width: 130%;}
    }

    @keyframes bottomstraight {
        0% {	transform: rotate(var(--rotationDown)); top: var(--2ndheight); width: 130%;}
        50% {	transform: rotate(0deg);				top: var(--2ndheight); width: 100%;}
        100% {	transform: rotate(0deg);				top: var(--3rdheight); }
    }


/*  ----------------------------------------------------------------------------------  MOBILE MENU  */
    .mppai_navMWrp{
        width: 100%;
        height: auto;
        min-height: 100vh;

        position: fixed;
        top: 0;
        left: -100000px;
        z-index: 200;

        padding: 0 0 100px;

        opacity: 0;

        transition: opacity 0.5s;

        background-color: var(--mpp-blackground);
    }

        .mppai_navM{
            height: fit-content;
        }

            ul.mppai_menu.mppai_navM li{
                list-style: none;

                width: fit-content;
                height: auto;
                min-height: 40px;

                font-size: clamp(1.5rem, 1.2997rem + 0.8013vw, 1.8rem);
                text-align: center;
            }

                .mppai_navM li a{}
                .mppai_navM a:link, .mppai_navM a:visited{ color: var(--mpp-text-grey) }
                .mppai_navM a:hover, .mppai_navM a:active, .mppai_navM a:focus{ color: var(--mpp-green); }



        /*  -----------------------------------------------------------------  MPPPM LINK  */
            .mppai_mpppmMobile{
            }
                .mppai_mpppmMobile a{
                    width: fit-content;

                    font-size: clamp(1.5rem, 1.2997rem + 0.8013vw, 1.8rem);
                    padding: 70px 0 0;

                    background-image: url("../media/images/mpppm_logo_final_graphics_only_no_helpers_300x115.svg");
                    background-repeat: no-repeat;
                    background-size: 75px 30px;
                    background-position: center 40px;
                }
                .mppai_mpppmMobile a:link, .mppai_mpppmMobile a:visited{ color: var(--mpp-text-grey); }
                .mppai_mpppmMobile a:hover, .mppai_mpppmMobile a:active, .mppai_mpppmMobile a:focus{ color: var(--mpp-green); }


        /*  --------------------------------------------------------------  MOBILE SEARCH  */

            .mppai_searchMobileWrp{
                width: 100%;
                height: 40px;

                display: none;

                position: sticky;
                bottom: 40px;
                left: 0;
                z-index: 260;
            }

                .mppai_searchFormMobile {
                    width: 100%;
                    height: 40px;

                    display:block;
                    overflow:hidden;

                    position:relative;
                    border-bottom: 2px solid var(--mpp-blackground);
                }

                .mppai_searchFormMobile .mppai_search{
                    height: 100%;
                    background-color: transparent;
                }

                    .mppai_searchFormMobile input,
                    .mppai_searchSubmitMobile{
                        height: 100%;

                        font-size: 0.85rem;

                    }

                    .mppai_searchFormMobile input{
                        order: 2;

                        width: var(--greenfield-width);
                        padding: 0 25px 0 15px;
                        outline:0;

                        font-weight: var(--regular);
                        font-style:normal;
                        text-align: right;
                        color: black;

                        background-color: var(--mpp-green);
                    }

                    .mppai_searchSubmitMobile{
                        order: 1;

                        width: calc( 100% - var(--greenfield-width) );
                        padding: 0 20px;
                        border: none;

                        text-align: center;

                        cursor:pointer;
                    }
                    @media screen and (min-width:666px){
                        .mppai_searchSubmitMobile{
                            text-align: right;
                        }
                    }

                    .mppai_searchCloseIconMobile{
                        display: none;
                    }

                .mppai_searchFormMobile .topSpace{
                    padding-top: 25px;
                }






/*	------------------------------------------------------------------------------------------------------  THE FIXATIV  */

    .fixativ{

    }


/*  -------------------------------------------------------------------------------------------------------------  MAIN  */
/*  -------------------------------------------------------------------------------------------------------------        */

    .mppai_mainWrp{
        width: 100%;
        min-height: 100dvh;
        top: 0;

        position: relative;

        margin: 0;
        padding: 0;

    /*    background-color: #333333;  */
    }

        .mppai_main{
            width: 100%;
            max-width: var(--inner-width);
            padding: 200px 25px 50px;
        }
        @media screen and (min-width:1222px){
            .mppai_main{
                padding: 200px 0 100px;
            }
        }

            .mppai_mainL{
                width: 100%;
                position:relative;
                padding:0 0 0 0;
            }
            @media screen and (min-width:999px) {
               .mppai_mainL{
                    width: calc(100% - var(--greenfield-width) - 35px);
                }
            }

            .mppai_main ul li, ul li.pList{
                list-style:url(../../media/images/mppai_menu_signalcross.png);
                margin:0 0 0 25px;
                padding:0 0 0.5rem 5px;
            }

            .mppai_main ol li{
                margin: 0 0 0 25px;
                padding: 0 0 0.5rem 5px;
            }
                .mppai_main ol li::marker{
                    color: var(--mpp-green);
                }




/*  ---------------------------------------------------------------------------------------------   F R O N T   P A G E   */

    /*  -----------------------------------------------   G A L L E R Y   W I T H   O V E R L A Y   */

        .mppai_startGalWrp{
            width: calc(100% + 10px);

            position:relative;
            margin:0 -5px 20px;
            padding: 0;

         /*   background:rgba(255,255,255,0.01);  */

            transition: height 1s;
        }
        @media screen and (min-width:666px){
            .mppai_startGalWrp {
                height:auto;
                aspect-ratio: 2560 / 1472;
                margin:0 -5px 15px;
            }
        }
        @media screen and (min-width:999px){
            .mppai_startGalWrp {
                width: calc(100% - var(--greenfield-width));
            }
        }
        @media screen and (min-width:1222px){
            .mppai_startGalWrp {
                width: calc(100% - var(--greenfield-width) - 35px);
            }
        }

            .mppai_startImgWrp{
                display:block;

                width: 100%;
                height: 100%;

                position:absolute;
                top:0;
                left:0;
                margin-bottom: 20px;

                opacity:0;

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

                transition:opacity 6s;
            }

                .mppai_startImg{
                    width: 100%;
                    height: auto;
                    position: relative;
                    margin-bottom: 30px;
                }
                @media screen and (min-width:666px){
                    .mppai_startImg{
                        height: 100%;
                        overflow: hidden;
                    }
                }

                .mppai_startTitle{
                    width:100%;

                    position:absolute;
                    bottom: -20px;
                    padding: 4px;

                    font-family:"heebo",sans-serif;
                    font-size:13px;
                    color:rgba(255,255,255,0.8);
                    text-align: right;

                    background:rgba(15,15,15,1);
                }
                @media screen and (min-width:666px){
                    .mppai_startTitle {
                        width: fit-content;
                        padding:3px 15px;
                    }
                }

                .upLeft,
                .downLeft,
                .upRight,
                .downRight{
                    font-size: 0.75rem;
                    color: var(--mpp-figcaption);
                }

                @media screen and (min-width:666px){
                    .upLeft {
                        top: 30px;
                        right: unset;
                        bottom: unset;
                        left: 0;
                        font-size: 1rem;
                    }

                    .downLeft {
                        top: unset;
                        right: unset;
                        bottom: 30px;
                        left: 0;
                        font-size: 1rem;
                    }

                    .upRight {
                        top: 30px;
                        right: 0;
                        bottom: unset;
                        left: unset;
                        font-size: 1rem;
                    }

                    .downRight {
                        top: unset;
                        right: 0;
                        bottom: 30px;
                        left: unset;
                        font-size: 1rem;
                    }
                }




            /*	----------------------------------------------------------------------------------------  START OVERLAY  */

            .mppai_startOverlay{
                width: 100%;
                height: auto;
                min-height: 140px;

                position: relative;
                z-index: 500;
                padding: 0 25px 20px;

                overflow: hidden;

                background-color: var(--mpp-green);

                box-shadow: 0 0 10px 5px rgba(0,0,0,0.2);

                transition: all 0.3s;
            }
            @media screen and (min-width:666px){
                .mppai_startOverlay {
                    width: calc( var(--greenfield-width) + 40px);
                    position: absolute;
                    top: 25px;
                    right: -20px;
                }
            }
            @media screen and (min-width:999px){
                .mppai_startOverlay {
                    width: calc( var(--greenfield-width) + 60px);
                    right: calc(0px - var(--greenfield-width) - 30px);
                    padding: 0 30px 20px 40px;
                }
            }
            @media screen and (min-width:1222px){
                .mppai_startOverlay {
                    width: calc( var(--greenfield-width) + 70px);
                    right: calc(0px - var(--greenfield-width) - 40px) ;
                }
            }

                .mppai_startOverlay h2{
                    font-size: 24px;
                    font-family: "heebo-regular", sans-serif;
                    color:black;
                }

                .mppai_startOverlay p{
                    color: black;

                }

                .mppai_prjOverlayClose{
                    width: 50px;
                    height: auto;
                    aspect-ratio: 1 / 1;

                    padding: 0;

                    position: absolute;
                    right: 0;
                    top: 0;
                    z-index: 5000;

                    cursor: pointer;

                    background-color: transparent;
                }





/*  ---------------------------------------------------------------------------------------   N E W S  /  A K T U E L L   */

    /*  --------------------------------------------------------    N E W S   O V E R V I E W   */
    /*  ------------------------------------  also used for   P R O J E C T   O V E R V I E W   */

            .mppai_cntPrjFll{
                width: 100%;
                min-height:130px;

                position:relative;
                padding:0 20px 0 105px;

                word-wrap:break-word;
            }

                .mppai_slctImg{
                    width:80px;
                    height:80px;

                    position:absolute;
                    top:15px;
                    left:0;
                    margin:0 0 20px 0;
                    padding:0 30px 0 0;
                }

                .more-link{
                    display: inline-block;
                }
                .more-link:link, .more-link:visited{ color: var(--mpp-green-grey); }
                .more-link:hover, .more-link:active{ color: var(--mpp-green); }

                .mppai_moreCross{
                    position: absolute;
                    left: 72px;
                    top: 6px;
                }

                .mppai_mainL p:last-of-type{
                    padding-bottom: 25px;
                }




/*  ---------------------------------------------------------------------------------------------------------   J O B S  */

/*  ---------------------------------------------------------------------------    J O B S   O V E R V I E W   */
    .post-type-archive-jobs h2{
        padding-top: 0;
    }

    .mppai_jobSubTitle{
        font-size: 75%;
        color: var(--mpp-text-grey);
    }



/*  --------------------------------------------------------------------------    S I N G L E   J O B   */

    .mppai_preTitle{
        padding-top: 35px;
    }

    .mppai_preTitle + h1{
        padding-top: 10px;
        line-height: 1.2;
    }

    .jobs h1 span{
        font-size: 75%;
    }



/*  --------------------------------------------------------------------------------------------------  P R O J E C T S  */

/*  --------------------------------------------------    P R O J E C T   M A I N   O V E R V I E W   */

    .mppai_prjSelectWrp{
        width: 100%;
    }

        .mppai_prjCol{
            width: 100%;
            padding: 0 0 50px;
        }

            .projekte h2{
                height: auto;
                font-size: 1.5rem;
            }
            @media screen and (min-width:666px){
                .projekte h2{
                    height: 90px;
                }
            }

            .mppai_prjSelectImg{
                position: relative;
                margin: 0 0 15px;
            }

            .mppai_prjSelectWrp p {
                font-size: 1.25rem;
                line-height: 1.15;
                padding: 0 0 1rem;
            }
            .mppai_prjSelectWrp p a:link, .mppai_prjSelectWrp p a:visited { color: var(--mpp-text-grey); }
            .mppai_prjSelectWrp p a:hover, .mppai_prjSelectWrp p a:active { color: var(--mpp-green); }

                .mppai_prjWithSub{

                }
                    .mppai_prjSubOpener{
                        cursor:pointer;
                        padding: 0 0 0.5rem;
                    }
                    .mppai_prjSubOpener:hover{
                        color:#71B51C;
                    }

                    .mppai_prjSelectWrp .mppai_prjSub{
                        display:block;
                        padding: 0 0 1rem;
                    }

                        .mppai_prjSelectWrp p.mppai_innerSub{
                            padding: 0 0 0.75rem 25px;
                            font-size: 1.15rem;
                        }



/*  ------------------------------------------------    P R O J E C T   S E L E C T I O N   L I S T   */

    .projektauswahl h2{
        padding: 11px 0 10px;
    }







/*  --------------------------------------------    S I N G L E   P R O J E C T   ( D E T A I L S )   */

    .mppai_cntPrjWrp{
        width:100%;
        position:relative;
    }
    @media screen and (min-width:999px){
        .mppai_cntPrjWrp {
            flex-flow: row nowrap;
        }
    }

        .mppai_cntPrjL{
            width: 100%;
            position: relative;
            padding: 0 0 20px;
        }
        @media screen and (min-width:999px){
            .mppai_cntPrjL {
                width: calc(100% - var(--greenfield-width));
                padding: 0 25px 20px 0;
            }
        }
        @media screen and (min-width:1222px){
            .mppai_cntPrjL {
                padding: 0 50px 20px 0;
            }
        }

        /*	.mppai_cntPrjL img{ opacity:0.2; }  */

        .mppai_prjImgProportionator{
            width: 100%;
            height: auto;
            aspect-ratio: 40 / 23;

            position:relative;

            /*	border:1px solid rgba(255,255,255,0.1);  */
        }
        @media screen and (min-width:800px){
            .mppai_prjImgProportionator {
            }
        }

            .mppai_prjSlick{
                width: 100%;
                height: 100%;

                position: absolute;
                top: 0;
                left: 0;
            }
                .mppai_prjImgProportionator .mppai_prjSlickImg{
                    width: 100%;
                    height: auto;
                    aspect-ratio: 40 / 23;

                    position:relative;
                    opacity:1;
                    margin: 0 0 30px;

                    transition:opacity 3s;
                }
                    .mppai_prjImgProportionator .mppai_prjSlickImg img{
                        width: 100%;
                        height: 100%;
                        object-fit: cover;

                        position: absolute;
                        top: 50%;
                        left: 50%;
                        transform: translate(-50%, -50%);
                    }

                .mppai_prjImgProportionator .mppai_prjSlickCaption {
                    padding: 3px;

                    position: absolute;
                    right: 5px;
                    bottom: -25px;

                    font-size: 0.75rem;
                    font-weight: var(--light);
                    text-align: right;
                    color: var(--mpp-text-grey);
                }

            /*  overlay image to harden direct image download a little bit... */
                .mppai_prjImgTop{
                    width: 100%;
                    height: auto;
                    aspect-ratio: 200 / 115;

                    position: absolute;
                    left: 0;
                    top: 0;
                }


    /*  central project image caption  */
        .mppai_prjImgCaption{
            width: 100%;
            height: 32px;

            position: relative;
            margin: 0 0 30px;
            padding: 5px 3px 10px;

            font-size: 0.75rem;
            font-weight: var(--light);
            text-align: right;
            color: var(--mpp-text-grey);
        }
        @media screen and (min-width:800px){
            .mppai_prjImgCaption {
                margin: 0;
            }
        }




    /*  prj img navigation  */
        .mppai_prjImgNavigator{
            display: none;
            width: calc(100% - 50px);
            margin: 0 0 55px 25px;
            padding: 0 0 10% 0;
            position:relative;
            /*	border:1px solid rgba(255,255,255,0.1);  */
        }
        @media screen and (min-width:800px){
            .mppai_prjImgNavigator {
                display: block;
            }
        }

            .mppai_prjImgNavigator .mppai_prjSlickImg{
                width: 100%;
                height: 100%;

                position:relative;
                margin: 0 5px;

                background-position: center center;
                background-size: cover;
                opacity:1;

                transition:opacity 3s;
            }

            .mppai_cntPrjWrp h2{
                font-size:16px;
                line-height:1.25;
                padding-bottom:7px;
            }

            .mppai_cntPrjWrp .mppai_cntPrjL h3{
                font-weight: var(--medium);
                letter-spacing:4px;
                padding-top:25px;
            }

            .mppai_cntPrjWrp p{
                text-align: left;
            }
            @media screen and (min-width:999px){
                .mppai_cntPrjWrp p{
                    text-align: justify;
                }
            }


        .mppai_prjFeature,
        .mppai_prjFeatureIng{
            margin-bottom:3px;
            color: #999;
        }
        @media screen and (min-width:666px){
            .mppai_prjFeature,
            .mppai_prjFeatureIng{
                flex-flow: row nowrap;
            }

        }

            /*	arch  */
            .mppai_prjFeature h4{
                width: fit-content;
                letter-spacing:4px;

                border-bottom: 1px solid rgba(255,255,255,0.2);
                margin: 0 0 5px;
                padding: 0 50px 5px 0;
            }
            @media screen and (min-width:666px){
                .mppai_prjFeature h4{
                    width:110px;
                    border: 0;
                    margin: 0;
                    padding: 0;
                }
            }

                .mppai_prjFeature .mppai_prjFeatureTxt{
                    width: 100%;
                    padding:0 0 15px 0;
                }
                @media screen and (min-width:666px){
                    .mppai_prjFeature .mppai_prjFeatureTxt{
                        width:calc(100% - 110px);
                        border-left:1px solid rgba(255,255,255,0.2);
                        padding:0 0 0 15px;
                    }
                }

            /*	ing  */
            .mppai_prjFeatureIng h4{
                width: fit-content;
                letter-spacing:4px;

                border-bottom: 1px solid rgba(255,255,255,0.2);
                margin: 0 0 5px;
                padding: 0 50px 5px 0;
            }
            @media screen and (min-width:666px){
                .mppai_prjFeatureIng h4{
                    width: 250px;
                    border: 0;
                    margin: 0;
                    padding: 0;
                }
            }
                .mppai_prjFeatureIng .mppai_prjFeatureTxt{
                    width: 100%;
                    padding:0 0 15px 0;
                }
                @media screen and (min-width:666px){
                    .mppai_prjFeatureIng .mppai_prjFeatureTxt{
                        width:calc(100% - 110px);
                        border-left:1px solid rgba(255,255,255,0.2);
                        padding:0 0 0 15px;
                    }
                }



    /*  BAUTENSTAENDE  */

        .mppai_prjHistory{
            width:100%;
        }
            .mppai_prjConstructionState{
                width:auto;
                margin:7px 0 0 0;
                padding:0 10px 15px 0;

                display:flex;
                flex-flow:column nowrap;
                align-items:center;
            }
                .mppai_prjConstructionState a{
                    width:80px;
                    height:80px;
                    padding-bottom:7px;

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

                    overflow:hidden;
                }
                    .mppai_prjConstructionState a img{
                        display:block;
                    }



    /*  PROJECT SIDEBAR  */

        .mppai_cntPrjR{
            width: 100%;
            position: relative;
            margin: 0;
        }
        @media screen and (min-width:999px){
            .mppai_cntPrjR{
                width: calc(var(--greenfield-width) - 25px);
                margin: -8px 0 0;
            }
        }
        @media screen and (min-width:1222px){
            .mppai_cntPrjR{
                width: var(--greenfield-width);
            }
        }


            .mppai_cntPrjRB{
                position:relative;
                padding:0;
            }
            @media screen and (min-width:999px){
                .mppai_cntPrjRB{
                    padding:0 0 0 15px;
                    border-left:1px solid #71b51c;
                }
            }

                .mppai_cntPrjRB a { background:none; padding:0;}
                .mppai_cntPrjRB a:link, .mppai_cntPrjRB a:visited { color:#999; }
                .mppai_cntPrjRB a:hover, .mppai_cntPrjRB a:active { color:#71b51c; }


                .mppai_h3Aside{
                    padding:0 0 7px 0;
                    font-weight: var(--medium);
                    letter-spacing: 4px;
                }
                @media screen and (min-width:999px){
                    .mppai_h3Aside{
                        font-weight: var(--light);
                        letter-spacing: unset;
                    }
                }

                .mppai_pAside{
                    padding:0 0 25px 0;
                }

                .mppai_pAsideLight{
                    padding:0 0 10px 0;
                }
                .mppai_pAsideIndent{
                    display:block;
                    margin:0 0 0 20px;
                }

                .mppai_pAsideClose{
                    padding:0 0 10px 0;
                    font-size:10px;
                }





/*  ----------------------------------------------------------------------------------------------------    O F F I C E  */

    .mppai_teamWrp{

    }

        .mppai_staffImage {
            width:100%;
            height:auto;

            position:relative;
            margin:0 0 5px -3px;
            padding:0;

            background:rgba(255,255,255,0.07)
        }

            figure img {
                display:block;
                width:100%;
                height:auto;
            }

            .mppai_staffImgTop{
                width: 100%;
                height: 100%;

                position: absolute;
                left: 0;
                top: 0;
            }

            .mppai_teamWrp p{
                padding: 5px 0 0;

                font-size: 1.25rem;
                line-height: 1.1;
            }

                .mppai_jobDscr{
                    font-size: 75%;
                }

    .mpppm_offGf{
        padding-top: 100px;
    }






/*  ---------------------------------------------------------------------------------------------------   K O N T A K T  */
    form{
        width:100%;
    }

        input, button{
            width:94%;
            height:auto;

            /*	font-family:"pragmatica-web-n2","pragmatica-web",sans-serif;  */
            font-family:"heebo",sans-serif;
            font-style:normal;
            font-weight:200;
            font-size:16px;

            line-height:25px;
            color:#CCC;
            padding:3%;
            border:none;
            border-bottom: 1px solid #71B51C;
            background-color:#161616;
        }

        input#mppai_submitContact, #mppai_incomplete{
            display:block;

            width:auto;
            height:auto;
            padding:15px 10px;
            background:rgba(115,180,30,1);
            opacity:0.55;
            border:none;

            font-weight:400;
            color:#111;
        }
        input#mppai_submitContact:hover{
            opacity:1;
        }

        #mppai_incomplete {
            display:none;	/*	inline-block  */
            width:auto !important;
            opacity:0.125;
        }

        textarea{
            width:94%;
            height:200px;

            font-family:"heebo",sans-serif;
            font-weight: var(--light);
            font-size:16px;
            color:#CCC;

            padding:3%;
            margin:0 0 20px;
            border: 1px solid #71B51C;
            background-color:#161616;
        }

        label{
            display:block;
            font-size:13px;
            color:#777;
            margin:3px 0 12px 0;
            padding:0 0 0 3px;
        }
            .bigLabel {
                margin:30px 0 0 0;
                font-size:16px;
            }

        #mppai_frmErr {
            color:#F00;
        }

        #mppai_frmMss {
            color:#F90;
        }

        .red { color:rgba(255,55,55,1); }

        .bSpace { padding-bottom:20px; }



/*  ---------------------------------------------------------------------------------------------------   P A R T N E R  */

    .mppai_partnerWrp{
        width: 100%;
        padding-bottom: 50px;
    }
    @media screen and (min-width:666px){
        .mppai_partnerWrp{
            flex-flow: row nowrap;

        }
    }

        .mppai_partnerLogo{
            width:200px;
            flex-shrink: 0;
            flex-grow: 0;
            margin:5px 40px 30px 0;
        }
            .mppai_partnerLogo img{
                width:100%;
                height:auto;
            }

        .mppai_partnerText{
            width:auto;
            flex-grow: 1;
        }
        .mppai_partnerText h2{
            padding-top:0;
        }







/*  ------------------------------------------------------------------------------------    S E A R C H   R E S U L T S   */

    .search-results h2{
        padding: 11px 0 10px;
    }

        .search-results h2.likeH1Search{
            margin:30px 0 0 0;
            border-top:1px solid rgba(255,255,255,0.1);
            padding:20px 0 20px 0;
            clear:both;

            font-family: var(--heebo),sans-serif;
            font-size: 1.75rem;

            color:#EEE;
        }
            .mppai_searchResultBLock{
                padding: 0 0 50px 0;
            }
                .search-results .mppai_searchResultBLock li{
                            list-style: none;
                            font-size:1.15rem;
                            padding:0 0 0.5rem 0;
                            margin:0 0 0 97px;
                        }
                .search-results .mppai_searchResultBLock li a:link, .search-results .mppai_searchResultBLock li a:visited { color:rgba(255,255,255,0.7); }
                .search-results .mppai_searchResultBLock li a:hover, .search-results .mppai_searchResultBLock li a:active { color:rgba(113,181,28,1.00) }

                .mppai_resultPages{
                    position: relative;
                }
                    .mppai_resultPages .mppai_resultPagesIcon{
                        width:78px;
                        height:78px;

                        position:absolute;
                        top:0;
                        left:0;

                        background-image:url("../../media/images/mppai_search_icon_cross_opt.svg");
                        background-repeat: no-repeat;

                        border:1px solid rgba(255,255,255,0.1);
                    }
                    .mppai_cntPrjFll.mppai_inSearch{
                        padding-bottom:1rem;
                    }
                    .evenMoreSpace{
                        padding-bottom:5rem;
                    }

/*  ------------------------------------------------------------------------------------------------------------  4 0 4  */

    .error404 sup{
        font-size: 0.9rem;
    }





/*  -----------------------------------------------------------------------------------------------------   F O O T E R  */
    .mppai_ftrWrp{
        width:100%;
        height:40px;

        z-index:250;

    /*  position: fixed;  */

        position: sticky;
        bottom:0;
    }

        .mppai_ftr{
            width: 100%;
            max-width: var(--inner-width);
            height: 100%;

            position:relative;
        }

            .mppai_ftrMenu{
                width: fit-content;
                height:100%;

                padding: 0 0 0 25px;

                font-size: 0.85rem;
            }
            @media screen and (min-width: 1222px){
                .mppai_ftrMenu{
                    padding-left: 0;
                }
            }

                .mppai_ftrMenu li{
                    list-style: none;
                }
                    .mppai_ftrMenu li.hasDot {
                        padding: 0 0 0 7px;
                    }
                    .mppai_ftrMenu li.hasDot::before {
                        content: '·';
                    }
                    @media screen and (min-width:666px){
                        .mppai_ftrMenu li.hasDot{
                            padding: 0 0 0 15px;
                        }
                    }

                .mppai_ftrMenu a{
                    font-weight: var(--light);
                    margin: 0 0 0 7px;
                }
                @media screen and (min-width:666px){
                    .mppai_ftrMenu a{
                        margin: 0 0 0 15px;
                    }
                }
                .mppai_ftrMenu a:link, .mppai_ftrMenu a:visited { color: var(--mpp-text-grey); }
                .mppai_ftrMenu a:hover, .mppai_ftrMenu a:focus,  .mppai_ftrMenu a:active  { color: var(--mpp-green); }


                .mppai_ftrMenuMain li:nth-of-type(2),
                .mppai_ftrMenuMain li:nth-of-type(3),
                .mppai_ftrMenuMain li:nth-of-type(4),
                .mppai_ftrMenuMain li:nth-of-type(5){
                    display: none;
                }
                @media screen and (min-width:666px){
                    .mppai_ftrMenuMain li:nth-of-type(1) { display: none; }
                    .mppai_ftrMenuMain li:nth-of-type(2) { display: block; }
                }
                @media screen and (min-width:777px){
                    .mppai_ftrMenuMain li:nth-of-type(3) { display: block; }
                }
                @media screen and (min-width:999px){
                    .mppai_ftrMenuMain li:nth-of-type(4),
                    .mppai_ftrMenuMain li:nth-of-type(5){
                        display: flex;
                    }

                }


            .mppai_thuhMightyMightyGreenfieldB{
                width: var(--greenfield-width);
                height: 100%;

                position: relative;
                padding: 0 25px 0 0;

                background-color: var(--mpp-green);
            }

                .mppai_ftrMenuLegalGreen{
                    display: flex;
                    color: black;
                }
                @media screen and (min-width:999px){
                    .mppai_ftrMenuLegalGreen{
                        display: none;
                    }
                }
                    .mppai_ftrMenuLegalGreen a{
                        font-weight: var(--regular);
                    }
                    .mppai_ftrMenuLegalGreen a:link, .mppai_ftrMenuLegalGreen a:visited { color: black; }
                    .mppai_ftrMenuLegalGreen a:hover, .mppai_ftrMenuLegalGreen a:focus, .mppai_ftrMenuLegalGreen a:active { color: white; }


                .mpppm{
                    display: none;

                    width: fit-content;
                    height: 100%;

                    position: absolute;
                    left: -20px;
                    transform: translateX(-100%);

                    font-weight: var(--light);
                }
                @media screen and (min-width:666px){
                    .mpppm{
                        display: flex;
                    }
                }

                    .mpppm a{
                        height: 100%;

                        padding: 0 0 0 60px;

                        background-image: url("../../assets/media/images/mpppm_logo_final_graphics_only_no_helpers_300x115.svg");
                        background-repeat: no-repeat;
                        background-position: 0 10px;
                        background-size: auto 20px;
                    }