can you help me on understanding the unit vectors r, φ, θ?
I see in this picture the classical angles φ and θ of the spherical coordinates. Until now it is all clear.
But I do not understand the vectors with the same names. Obviously r is taken in the direction of r, but φ and θ? How are they defined with respect to the angles (or with respect to x, y, z)?

These vectors show the direction of infinitesimal displacements when you change one coordinate at a time.
$\hat r$ is in the radial direction; $\hat \theta$ is tangent to a parallel and $\hat \phi$ to a meridian.
You obtain them by differentiating $(x,y,z)$ on one coordinate and normalizing.
E.g. for $\theta$
$$\frac\partial{\partial\theta}(x,y,z)= \frac\partial{\partial\theta}(r\cos\theta\sin\phi,r\sin\theta\sin\phi,r\cos\phi)=(-r\sin\theta\sin\phi,r\cos\theta\sin\phi,0)$$
and after normalization,
$$(-\sin\theta,\cos\theta,0).$$