/* Styleswitcher */

.styleswitcher { background: #222222; font-size: 100%; padding: 10px; position: fixed; left: 0; text-align: right; z-index: 1000; }
.styleswitcher p { color: #eeeeee; text-transform: uppercase; }
.styleswitcher a { cursor: pointer; display: block; margin: 3px; overflow: hidden; width: 80px; }
.styleswitcher a.gold { background: #e3b04b; color: #eeeeee; }
.styleswitcher a.rot { background: #f66767; color: #eeeeee; }
.styleswitcher a.blau { background: #8d93ab; color: #eeeeee; }
.styleswitcher a.beige { background: #c1a57b; color: #eeeeee; }

@media screen and (max-width: 720px) {

	.styleswitcher { width: 100%; background: #222222; bottom:0; text-align: center; padding: 5px 2%; position: fixed; font-size: 100%; z-index: 1000; }
	.styleswitcher p { margin: 0; text-align: center; }
	.styleswitcher a { width: 50px; display: inline-block; }

}