.vimeo-frame {
	position: relative;
}

.vimeo-frame iframe {
	display:block;
	width: 100%;
	height: 100%;
}

.vimeo-autoplay iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.text-grid-item {
	text-wrap: wrap;
}


/* mobile only */
@media only screen and (max-width: 800px) {

	.image-grid-item,
	.vimeo-grid-item {
		margin-bottom: 2vw;
	}
	
	.text-grid-item {
		padding-left: 3vw;
		padding-right: 3vw;
	}
	
	
}


/* tablet + desktop */
@media only screen and (min-width: 800px) {
	.projekt-section .back-button {
		margin-top: -1.6rem;
		padding-bottom: 0.5em;
	}
	
	.projekt-section .section-title {
		margin-bottom: 0.2em;
		max-width: 50%;
		transform: translate(0,3rem);
		opacity: 0;
		transition: opacity 0.5s ease, transform 0.45s ease;
	}

	.projekt-section .section-title.ready {
		transform: translate(0,0);
		opacity: 1;
	}
	
	.projekt-section .columns {
		display:block;
		margin-bottom: 2rem;
		width: 90%;
	}

	.text-grid-item {
		background-color: transparent;
		font-size: var(--ty-small);
		padding-left: 0.8rem;
	}
	
	.grid-sizer,
	.grid-item {
		width: calc(50% - 0.25rem);
	}
	
}

/* tablet ++ desktop */
@media only screen and (min-width: 1100px) {
	.text-grid-item {
		font-size: var(--ty-smallest);
	}
	
	
}

/* desktop + */
@media only screen and (min-width: 1400px) {
	
	.projekt-section .columns {
		display:flex;
		width: 100%;
		gap: 0;
		justify-content: space-between;
	}
	
	.projekt-section .columns .col {
		flex-basis: calc(50% - 0.3rem);
		padding-right: 0.5rem;
	}

	.grid-sizer,
	.grid-item {
		width: calc(33.333% - 0.2666rem);
	}
	
	.single-grid-item {
		width: calc(66.66% - 0.18rem);
	}
	
	.projekt-section .section-title {
		max-width: 33.3%;
	}
	
}