Florian Wirtz's 89th-minute strike had cancelled out Dani Olmo's calm finish in a frantic encounter in Stuttgart on Saturday.

Yet having had the best chances of extra time, Germany became the first Euros host to lose a quarter-final when Merino brilliantly headed home Spain's latest ever goal in the competition in the 119th minute.

Niclas Fullkrug's header was just inches away from rescuing Germany and setting up penalties, but Luis de la Fuente's team, who had Dani Carvajal sent off late on, held on to tee up a clash with either Portugal or France.

Pedri's early injury saw Olmo come on, and the substitute sparked a slow-burner of a contest into life in the 51st minute.

After seeing Alvaro Morata lash over from close range, Olmo made no mistake when he side-footed home from Lamine Yamal's cutback.

Simon made a fantastic save from Robert Andrich's drive, before the post came to Spain's salvation when Niclas Fullkrug's effort clipped off the right-hand upright.

Germany should have been level when Simon made a calamitous clearance soon after, but with the goal at his mercy, Havertz chipped over.

But Havertz's blushes were spared by Wirtz, who drilled in off the post after latching onto Joshua Kimmich's knockdown.

Wirtz had the best chance of the first half of extra time, sending a low effort just wide, before chaos broke out.

Germany saw a penalty appeal turned down after Jamal Musiala hit Marc Cucurella's arm, and Simon saved a fantastic Fullkrug header.

With penalties beckoning, Spain broke clear, and La Roja were in ecstasy as Merino planted in from Olmo's inch-perfect cross.

Ferran Torres' poor finish moments later could have proved costly had Fullkrug's attempt been half a yard to the left, but it was not to be for Germany, even though Spain were reduced to 10 for the final minute after Carvajal picked up his second booking.