/* Top images */

.projects-header-img {
	position: relative;
    width: 100vw;
    height: 100vh;
	left: 50%;
    margin-left: -50vw;
	display: flex;
}

.projects-header-img-left,
.projects-header-img-right {
    flex: 0 0 50%;
    height: 100%;
}

.projects-header-img-left img,
.projects-header-img-right img {
    width: 100%;
    height: 100%;
    object-fit: cover;
	display: block;
}

/* Arrow container */

.projects-scroll-arrow {
  position: absolute;
  bottom: 8vh;
  right: 2vw;
  font-size: 28px;
  cursor: pointer;
  color: #F6EAFF;
  display: inline-block;
  mix-blend-mode: difference;
  transform: rotate(90deg);
  font-family: alchemion; 
}

/* Alternierendes Layout */

/* Standard (links) */
.collection-wrapper.odd .collection-title {
    text-align: left;
}

.collection-wrapper.odd .collection-description {
    text-align: left;
}

/* Gerade Collections → rechts */
.collection-wrapper.even .collection-title {
    text-align: right;
}

.collection-wrapper.even .collection-description {
	grid-column: 7 / span 5;
}

/* ———————————————— Responsive —————————————————— */

/* Big Screens */

@media (min-width: 2000px) {
    .projects-header-img {
        width: 100%; 
        left: 0;       
        margin-left: 0;
        height: 50vh;    
    }

    .projects-header-img-left,
    .projects-header-img-right {
        height: 100%;    
    }

    .projects-header-img-left img,
    .projects-header-img-right img {
        height: 100%;   
        object-fit: cover;
    }

	
}

/* Phone Screens */

@media (max-width: 768px) {

    .projects-header-img {
        height: 80vh;
        flex-direction: column;
    }

    .projects-header-img-left,
    .projects-header-img-right {
        flex: none;
        width: 100%;
        height: 100%;
    }

    /* rechtes Bild ausblenden */
    .projects-header-img-right {
        display: none;
    }

    .projects-header-img-left img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
	
	.collection-wrapper.even .collection-title {
		text-align: left;
	}
	
	.collection-wrapper.even .collection-description {
		grid-column: 1; }
}