/*** CSS IMPORT **/
@import url(../../predefined/parallax_1/parallax_1.css);



#projectpage {
    color: var(--white);  
}

#projectpage article {
    flex-direction: row;
}

#projectpage #project_hotel_post {
    background-image: linear-gradient(0deg, #2160550f, #2160550f), linear-gradient(90deg, #00000033 0%, #0000002e 42.09%, #00000000 100%), linear-gradient(0deg, #26262699, #26262699), url("../../images/pictures/projects/hzp_background.jpg");  
} 

#projectpage #project_cc_steuerberatung {
    background-image: linear-gradient(0deg, #2160550f, #2160550f), linear-gradient(90deg, #00000033 0%, #0000002e 42.09%, #00000000 100%), linear-gradient(0deg, #26262699, #26262699), url("../../images/pictures/projects/ccs_background.jpg");  
} 

#projectpage #project_steuer_anders {
    background-image: linear-gradient(0deg, #2160550f, #2160550f), linear-gradient(90deg, #00000033 0%, #0000002e 42.09%, #00000000 100%), linear-gradient(0deg, #26262699, #26262699), url("../../images/pictures/projects/anders_background.jpg");  
}  

#projectpage #project_dribbble {
    background-image: linear-gradient(0deg, #2160550f, #2160550f), linear-gradient(90deg, #00000033 0%, #0000002e 42.09%, #00000000 100%), linear-gradient(0deg, #26262699, #26262699), url("../../images/pictures/projects/dribbble_background.jpg");  
}   

#projectpage section {
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    row-gap: var(--vertical_xxs);
    grid-column: 1 / 6;
}

#projectpage section a {
    display: flex;
    align-items: center;
    /*column-gap: var(--horizontal_s);*/
}

#projectpage section a:hover {
    color: var(--hover_white);
}

#projectpage section a::before {
    background-image: url("../../images/icons/arrow/arrow-right-circle_bold.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0;
    content: "";
    margin-right: var(--horizontal_s);
    height: 1.5rem;
    aspect-ratio: 1/1;
}

#projectpage section a:hover::before {
    background-image: url("../../images/icons/arrow/arrow-right-circle_bold_hover.png");
}

#projectpage article>figure {
    display: flex;
    box-sizing: border-box;
    align-items: center;
    grid-column: 7 / 13;
}  

/* media */

@media only screen and (max-width: 1280px ) {  
    
    #projectpage section {
        grid-column: 1 / 7;
    }

    #projectpage article>figure {
        grid-column: 8 / 13;
    }
}

@media only screen and (max-width: 1024px ) {  
    
    #projectpage article>figure {
        grid-column: 7 / 13;
    }
}

@media only screen and (max-width: 768px ) {  
    
    #projectpage article {
        padding-block: var(--vertical_l);
        row-gap: var(--vertical_m);
    }

    #projectpage section,
    #projectpage article>figure {
        grid-column: 3 / 11;
    }
}

@media only screen and (max-width: 640px ) {  
    
    #projectpage section {
        grid-column: 1 / 13;
    }

    #projectpage article>figure {
        grid-column: 2 / 12;
    }
}

@media only screen and (min-width: 1537px ) {
    #projectpage article>figure {
        grid-column: 8 / 13;
    } 
}