#page-wrapper {
	max-width: 100px;
	margin: 10px auto 0;
	display: block;
}
#cookie-popup {
font-size: 10px;
text-align: center;
color: #00008b;
background-color: rgba(250,259,210,0.5); /* LightGoldenrodYellow */
border: silver solid 2px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
border-radius: 13px;
}
.cookie-popup-inner {
color: #00008b;
padding: 2px;
}
.cookie-popup-inner button {
display: block; /* link-Tag ist ein inline Element, das mit block eine Beite bekommen kann */
float: left; /* witziger Effekt - die Buttons liegen ineinnander */
width: 320px;
margin: 5px 40% 5px 30%; /* oben rechts unten links */
padding: 3px 5px 3px 5px; /* oben rechts unten links */
background-color: rgba(255,140,0,0.9); /* Schriftfarbe der Schaltelemente */
text-decoration: none; /* keine link-Unterstreichung */
list-style-type: none;
border: silver outset 3px;
border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
color: #00008b;
font-size: 16px;
font-weight: bold;
}
.cookie-popup-inner button:hover {
color: #00008b;
background-color: rgba(0,255,102,0.9); /* Schriftfarbe der Schaltelemente */
width: 320px;
text-align: center;
font-size: 17px;
padding: 3px 4px 3px 4px; /* oben rechts unten links */
	-webkit-transition: padding 2s, font-size 1s; /* Safari */
transition: padding 2s, font-size 1s;
}
.coolink a {
display: block; /* link-Tag ist ein inline Element, das mit block eine Beite bekommen kann */
// float: left; /* erst mit float nebeneinander angeordnet */
width: 320px;
margin: 5px 40% 5px 30%; /* oben rechts unten links */
padding: 2px 5px 2px 5px; /* oben rechts unten links */
// background-color: #b0c4de; /* Schaltelemente Backgr LightSteelBlue*/
text-decoration: none; /* keine link-Unterstreichung */
list-style-type: none;
border: silver outset 3px;
border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
color: #00008b;
font-size: 11px;
font-weight: bold;
}
.coolink a:hover {
color: #0000ff;
background-color: rgba(108,166,205,0.9); /* Schriftfarbe der Schaltelemente */
width: 320px;
text-align: center;
font-size: 14px;
padding: 2px 5px 2px 4px; /* oben rechts unten links */
	-webkit-transition: padding 2s,font-size 1s; /* Safari */
transition: padding 2s, font-size 1s;
}
.coolink a:active {
background-color: rgba(255,204,102,0.5); /* Orange 50% Schaltflaechenfarbe aendert sich bei Click */
color: #4b0082; /* Indigo Schriftfarbe der Schaltelemente */	
border: #4169e inset 12px; /* Rahmenfarbe aendert bei Click */
}
#vornamecookie {
font-size: 13px;
text-align: center;
color: #00008b;
background-color: rgba(250,259,210,0.7); /* LightGoldenrodYellow */
border: silver solid 2px;
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
border-radius: 13px;
}
.hidden {
	display: none;
}