* { margin: 0; padding: 0; font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; } h1 { position: absolute; top: 10%; left: 5%; font-size: 10vh; } img { width: 25vw; height: 25vw; position: absolute; top: 55%; left: 20%; transform: translate3D(-50%, -50%, 0); } p { position: absolute; top: 50%; left: 60%; transform: translate3D(-50%, -50%, 0); font-size: 3vh; hyphens: auto; text-align: justify } a { text-decoration: none; color: black; } a.buy { position: absolute; bottom: 20%; left: 60%; transform: translate3D(-50%, -50%, 0); font-size: 4vh; font-weight: bold; } a.quelle { position: absolute; bottom: 15%; left: 20%; transform: translate3D(-50%, -50%, 0); text-align: center; font-size: 2vh; } .button { background-color: grey; border: none; color: white; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; font-size: 16px; cursor: pointer; } .button:hover { background-color: lightgray; color: white; }