/* --- Stylesheet 8503 () --------- */ 

.vevo_blockquotes{
	padding: 4rem 0;
	background-image: url(https://tramino.s3.amazonaws.com/s/wir-oberstdorfer/1035555/wiroberstdorfer-grafikenwebseite-1stof8-200x110px.jpg);
	max-width: 100vw;
	overflow: hidden;
}

.vevo_blockquotes,.vevo_blockquote{
	display: grid;
	column-gap: 2rem;
	justify-items: center;
	align-items: center;
	color: #FFF;
}


.vevo_blockquote blockquote{
	font-family: 'Baskerville Disp PT Bold W03', serif;
	font-size: 2.5em;
	line-height: 95%;
	margin: 0;
	order: 1;
}
.vevo_blockquote .image{
	position: relative;
	order: 1;	
}
.vevo_blockquote .Bild{
	border: calc(6px + (8 - 6) * ((100vw - 300px) / (1600 - 300))) solid #FFF;
}
.vevo_blockquote .Bild + .Bild{
	position: absolute;
	bottom: 0;
	right: 0;	
}


.vevo_blockquote .Bild img{
	max-width: 90vw;
	height: auto;
	outline: 1px solid #fff;
}
.vevo_blockquote .content{
	padding: 5rem 1.5rem;
	font-size: calc(16px + (20 - 16) * ((100vw - 300px) / (1600 - 300)));
	order:2;
	max-width: 420px;
	font-family: 'Baskerville Display PT W03 Rg', serif;
}
.vevo_blockquote .content p{
	padding-top: 1em;
}
.vevo_blockquote a{
	display: inline-block;
	color: #FFF;
	text-decoration: none;
	border-radius: 6px;
	border: 1px solid #ddd;
	padding: 0 1rem;
	line-height: 32px;
	float: right;
}

.vevo_blockquote .Bild{
	transform: rotate(-6deg) translate3d(-2rem, 0, 0);	
}
.vevo_blockquote .Bild + .Bild{
	transform: rotate(3deg) translate3d(5rem, 3rem, 0);
	width: 50%;
}
.vevo_blockquote .Bild + .Bild img{
	width: 100%;	
	height: auto;
}


.vevo_blockquote:nth-child(2) .Bild{
	transform: rotate(3deg);	
}
.vevo_blockquote:nth-child(2) .Bild + .Bild{
		transform: rotate(-3deg) translate3d(2rem, 5rem, 0);
}
.vevo_blockquote:nth-child(3) .Bild{
	transform: rotate(-4deg);	
}
.vevo_blockquote:nth-child(3) .Bild + .Bild{
		transform: rotate(6deg) translate3d(6rem, 2rem, 0);
}


@media screen and (min-width: 900px){
	.vevo_blockquote .Bild{
		transform: rotate(-6deg);	
	}
	.vevo_blockquote .Bild + .Bild{
		width: unset;	
	}
	.vevo_blockquote:nth-child(odd){
		grid-template-columns: 3fr 2fr;
		width: 100%;
	}
	.vevo_blockquote:nth-child(odd) .content{
		justify-self: flex-start;
	}
	.vevo_blockquote:nth-child(even){
		grid-template-columns: 2fr 3fr
	}
	.vevo_blockquote:nth-child(even) .image{	
		order: 3
	}
}