It's possible to move elements on a web page with CSS using something called absolute positioning. To see a really good illustration of how it works, take a quick look at this page: http://css-tricks.com/absolute-positioning-inside-relative-positioning/
Since you've hidden the widgets you want to move for now, what I can do is show you how to move one of the other widgets and then you can adjust the rule to different widgets once they are activated.
First, each widget has a unique identifier. To find it, you need to look at the page source after the widget has been added. I checked the widget with the title "Datenschutz" and found out it has an ID of "nav_menu-2" and so we can use "#nav_menu-2" as the selector to refer to it in CSS.
Here is a guide that explains how to look around in the page source using built in browser tools:
The following example will move the "Datenschutz" widget on your blog from it's current location to the left and 411px above the "#main" container element:
To use a different widget, you should add the widget, look at the page source to find its unique identifier, replace "nav_menu-2" with the new one, and then adjust the top and left values as needed.