@layer pages {
    .legend_wrapper {
        /*position: absolute;
  z-index: 200;
  bottom: 0;
  right: 0;
  background-color: rgba(255, 255, 255, 0.75);*/
        padding-left: 1rem;
        padding-bottom: 1rem;
        color: var(--black);
        font-size: 1rem;
    }

    .legend_wrapper .legend_row {
        display: flex;
    }

    .legend_wrapper>div>.legend_row:not(:last-child) {
        margin-bottom: 0.5rem;
    }


    .legend_wrapper .maplocator2 {
        aspect-ratio: 0.975 / 1.625;
        width: 1.2rem;
        height: auto;
        margin-right: 0.5rem;
    }

    .legend_wrapper .maplocator2 .cat_number {
        font-size: 0.9rem;
        top: 0.5rem;
    }

    .legend_text {
        padding-top: 0.1rem;
    }
}

@layer pages {
    .my_row {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }



    .my_row>div {}

    .my_row>div:first-child {
        width: 63%;
        position: -webkit-sticky;
        position: sticky;
        z-index: 500;
        top: 170px;
    }

    .my_row>div:last-child {
        padding-left: 2rem;
        padding-top: 1.5rem;
        z-index: 1000;
        position: relative;
        width: 37%;
    }

    .sun {
        width: 2.5rem;
        height: 2.5rem;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        z-index: 60;
        display: none;
    }

    .sun::before {
        content: '';
        background-image: url(../images/icon/icon_blur_circle.png);
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
        display: block;
        height: 100%;
        width: 100%;
        border-radius: 50%;
        z-index: -1;
        opacity: 0.66;
        animation: 2s wow linear infinite alternate;
        transform-origin: center center;
    }

    @keyframes wow {
        0% {
            transform: scale(1) rotate(0deg);
            box-shadow: none;
        }

        100% {
            transform: scale(1.3) rotate(180deg);
        }
    }
    .maplocator.active .sun {
        /*display: block;*/
    }

}

@layer pages {
    .location_wrapper {
        display: none;
    }

    .location_wrapper.showcontent {
        display: block;
    }

    .project_section:not(:last-child) {
        margin-bottom: 2rem;
    }

    .project_row {
        /*-webkit-column-count: 2;
  -moz-column-count: 2;*/
        display: flex;
        flex-wrap: wrap;
        /*display: list-item;
  list-style: none;*/
        /*margin-left: -1.5625rem;
  margin-right: -1.5625rem;*/

    }

    .project_row>div {
        width: 100%;
        /*padding-left: 1.5625rem;
  padding-right: 1.5625rem;*/
    }

    .project_row .project_item {
        margin-bottom: 2.1875rem;
        display: flex;
    }

    .project_row .photoGalleryFull {
        margin-left: 0;
        margin-right: 0;
    }

    .project_row .photoGalleryFull .swiperbigcontainer {
        min-width: 7.1825rem;
        min-height: 7.1825rem;
        max-width: 7.1825rem;
        max-height: 7.1825rem;
    }

    .project_row .photoGalleryFull .swiper {}

    .project_row .photoGalleryFull .swiperbigcontainer .cover {}

    .project_row .photoGalleryFull img {
        width: 100%;
        height: 100%;
        display: block;
        transform: scale(1);
        transition: transform 0.3s ease-in-out;
    }

    .project_row .photoGalleryFull .swiperbigcontainer .cover:hover img,
    .project_row .photoGalleryFull .swiperbigcontainer .cover:focus img {
        transform: scale(1.3);
    }

    .project_row .photoGalleryFull .swiper-button-prev {
        left: 0;
    }

    .project_row .photoGalleryFull .swiper-button-next {
        right: 0;
    }

    .project_row .photoGalleryFull .swiper-button-prev,
    .project_row .photoGalleryFull .swiper-button-next {
        border: 0;
        background-color: transparent;
        width: 1.5rem;
        height: 2.5rem;
        opacity: 0.5;
        display: none;
    }

    .project_row .photoGalleryFull .swiper-button-prev:before {
        background-image: url('../images/icon/icon_arrow_4_prev.svg');

    }

    .project_row .photoGalleryFull .swiper-button-next:before {
        background-image: url('../images/icon/icon_arrow_4_next.svg');
    }

    .project_row .photoGalleryFull .swiper-pagination {
        margin-top: 0.4rem;
        min-width: 7.1825rem;
        max-width: 7.1825rem;
        position: relative;
        z-index: 700;
        bottom: auto;
        top: auto;
        left: auto;
        right: auto;
    }

    .project_row .swiper-pagination-horizontal .swiper-pagination-bullet {
        width: 0.65rem;
        height: 0.65rem;
        border: 0;
        background-color: var(--extlightgrey);

    }

    .project_row .swiper-pagination-horizontal .swiper-pagination-bullet:hover,
    .project_row .swiper-pagination-horizontal .swiper-pagination-bullet:focus {
        background-color: var(--mainblue);
    }

    .project_row .swiper-pagination-horizontal .swiper-pagination-bullet-active {
        background-color: var(--lightgrey);
    }

    .project_row .maplocator2wrap {
        padding-left: 0.5rem;
    }

    .project_row .contentwrap {
        padding-left: 0.5rem;
    }


    .project_row .title {
        margin-bottom: 0.5rem;
    }


    .project_row .title strong {
        font-weight: bold;
    }

    .project_row .highlight {
        font-weight: 500;
    }

    .project_row .green {
        color: var(--green1);
    }

    .project_row .status_row {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
    }

    .project_row .status {
        margin-right: 0.5rem;
    }


    .project_row .desc {
        margin-top: 1.5rem;
    }

    .project_row .desc strong {
        font-weight: bold;
    }

    .project_row .desc>p:last-child {
        margin-bottom: 0.5rem;
    }
}

@layer pages {
    .project_main_map.ins_huge_mapcontainer {
        display: none;
    }

    .project_main_map.ins_huge_mapcontainer.showcontent {
        display: block;
    }

    .maptext {
        font-size: 27.6px;
        position: absolute;
        font-weight: bold;
        transform: translate(-50%, -50%);
        display: inline-block;
        line-height: 1.4;
    }

    .maptext a {
        color: var(--mainblue);
        text-shadow:
            -3px -3px 0 var(--white),
            3px -3px 0 var(--white),
            -3px 3px 0 var(--white),
            3px 3px 0 var(--white);
        display: block;
        text-align: center;
    }

    .maptext.wch {
        top: 250px;
        left: 880px;
    }

    .maptext.aaalcn {
        top: 280px;
        left: 480px;
    }

    .maptext.swpchww {
        top: 430px;
        left: 940px;
    }

    .maptext a:hover,
    .maptext a:focus {
        text-decoration: none;
        color: var(--headermenu_active_blue);
    }

    .orginal_map.dissappear {
        display: none;
    }

    .hover_map {
        display: none;
        position: absolute;
        top: 0;
        left: 0;
    }

    .hover_map.active {
        display: block;
        z-index: 100;
    }

}