/* Füge hier Dein eigenes CSS ein */

@media (max-width: 679px) {
	.wp-block-cover.cover-animated p.top-middle {
		position:absolute;
		font-family: "Indie Flower"; 
		font-size: 1.1rem; 
		color: rgb(156,139,156); 
		z-index: auto; 
		width: 397px; 
		height: 35px;
	}

	/** LOHNHERSTELLUNG **/
	p.left-1-large {
		position:absolute;
		font-weight: 300; 
		background: rgba(255, 255, 255, 0.7); 
		height: 40px; 
		padding: 0px 10px; 
		box-sizing:border-box;
		font-family: Lato, "Open Sans", sans-serif; 
		font-size: 1.2rem;  
		color: rgb(189,89,73) !IMPORTANT; 
		top: 100px;
		width: 292px; 
		z-index:auto;	
	}

	p.left-2 {
		position:absolute;
		font-weight: 500; 
		font-family: Lato, "Open Sans", sans-serif; 
		font-size: 30px; 
		color: rgb(189, 89, 73) !IMPORTANT; 
		top: 100px; 
		margin: 0px; 
		z-index: auto; 
		width: 400px; 
		height: 160px; 
		padding: 0px; 
	}


	p.left-2 span {
		font-size:3em;
		font-weight:300;
	}

	/** … wir machen **/
	p.right-1 {
		position: absolute;
		font-weight: 500; 
		font-family: Lato, "Open Sans", sans-serif; 
		font-size: 30px; color: rgb(189, 89, 73) !IMPORTANT; 
		top: 170px; 
		right: 0px; 
		text-align:right;
		margin-right: 20px; 
		z-index: auto; 
		width: 270px; 
		height: 36px; 
	}

	/** Nahrungsergänzung **/
	p.right-2 {
		position:absolute;
		top:220px;
		right: 0px;
		text-align:right;
		font-family: Lato, "Open Sans", sans-serif; 
		font-size: 30px; 
		color: #fff !IMPORTANT;
		background:#F06A52;
		font-weight: 300;
		padding:4px 20px;
	}

	p.right-3 {
		position: absolute;
		top: 290px;
		right: 0px;
		padding-right: 20px;
		font-family: "Indie Flower"; 
		font-size: 24px; 
		color: rgb(156, 139, 156) !IMPORTANT;
	}
}

@media (min-width: 680px) {
	.wp-block-cover.cover-animated {
		position: relative;
		background-size: cover;
		background-position: 50%;
		min-height: 430px;
		height: 100%;
		width: 100%;
		display: block;
		overflow: hidden;
	}

	.wp-block-cover.cover-animated p.top-middle {
		position:absolute;
		top:-100px;
		left: calc(100% - 600px);
		font-family: "Indie Flower"; 
		font-size: 24px; 
		color: rgb(156, 139, 156) !IMPORTANT; 
		z-index: auto; 
		width: 397px; 
		height: 35px;
		animation: fromtop 1s 0.5s forwards;	
	}

@keyframes fromtop {
  from {transform:translateY(0px)}
  to {transform:translateY(120px)}
}

	/** LOHNHERSTELLUNG **/
	p.left-1-large {
		position:absolute;
		font-weight: 300; 
		background: rgba(255, 255, 255, 0.85); 
		height: 40px; 
		padding: 0px 10px; 
		box-sizing:border-box;
		font-family: Lato, "Open Sans", sans-serif; 
		font-size: 30px; line-height: 37px; 
		color: rgb(189, 89, 73) !IMPORTANT; 
		top: 100px;
		left: -400px;
		width: 320px; 
		z-index:10;
		animation: toright 1s 1s forwards;
	}

	@keyframes toright {
		0% {transform: translateX(-400px)}
		100% {transform: translateX(400px)}
	}


	p.left-2 {
		position:absolute;
		font-weight: 500; 
		font-family: Lato, "Open Sans", sans-serif; 
		font-size: 30px; 
		color: rgb(189, 89, 73) !IMPORTANT; 
		top: 80px; 
		left: -400px; 
		margin: 0px; 
		z-index: auto; 
		width: 400px; 
		height: 160px; 
		padding: 0px; 
		animation: toright 1s 1.8s forwards;
	}


	p.left-2 span {
		font-size:5em;
		font-weight:300;
	}

	/** … wir machen **/
	p.right-1 {
		position: absolute;
		font-weight: 500; 
		font-family: Lato, "Open Sans", sans-serif; 
		font-size: 30px; 
		color: rgb(189, 89, 73) !IMPORTANT; 
		top: 170px; 
		right: -400px; 
		text-align:right;
		margin-right: 20px; 
		z-index: auto; 
		width: 270px; 
		height: 36px; 
		animation: toleft 1s 1.2s forwards;
	}

	@keyframes toleft {
		0% {transform: translateX(400px)}
		100% {transform: translateX(-400px)}
	}

	/** Nahrungsergänzung **/
	p.right-2 {
		position:absolute;
		top:220px;
		right: -400px;
		text-align:right;
		font-family: Lato, "Open Sans", sans-serif; 
		font-size: 30px; 
		color: #fff !IMPORTANT;
		background:#F06A52;
		font-weight: 300;
		padding:4px 20px;
		animation: toleft 1s 1.8s forwards;
	}

	p.right-3 {
		position: absolute;
		top: 290px;
		right: -400px;
		padding-right: 20px;
		font-family: "Indie Flower"; 
		font-size: 24px; 
		color: rgb(156, 139, 156) !IMPORTANT; 
		animation: toleft 1s 1.8s forwards;
	}
}