/* Datenschutz Info */
#cdi {
         z-index: 101;
         top: calc(50% - 100px);
         left: calc(50% - 200px);
         position: fixed;

         width: 410px;
         min-height: 50px;

         background: #FFFFFF;
         border-top: 0px #BFBFBF solid;

         font-family: 'Open Sans', sans-serif, Verdana;
         color: #1F1F1F;
         font-size: 1.0em;
         font-weight: normal;
         text-shadow: #FFFFFF 1px 1px 0px;
         text-align: center;

         -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.25), 0px 0px 150px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow:    inset 0px 1px 1px 0px rgba(255, 255, 255, 0.25), 0px 0px 150px 0px rgba(0, 0, 0, 0.75);
	box-shadow:         inset 0px 1px 1px 0px rgba(255, 255, 255, 0.25), 0px 0px 150px 0px rgba(0, 0, 0, 0.75);
}

#cdi .cdi-clear { clear:both; line-height:0.0em; height: 0px; display: block; }

#cdi .cdi-info {
	float:none;
         width: calc(100% - 40px);
         padding: 10px 10px 10px 10px;
}

#cdi .cdi-info a, #cdi .cdi-info a:visited {
	color: #000000;
	font-weight: bold;
         text-decoration: underline;
         text-shadow: #FFFFFF 1px 1px 0px;
         border: 0px;
         padding: 0px 0px;
}

#cdi .cdi-info a:hover { color: #0070C0; }

#cdi .cdi-button {
	float:none;
         width: calc(100% - 20px);

         padding: 5px 10px 10px 10px;
         text-align: center;
}
#cdi .cdi-button form { margin: 0px; padding: 0px; }

#cdi .cdi-button a, #cdi .cdi-button a:visited, #cdi .cdi-button .button, #cdi .cdi-button input {
	display: block;
         width: calc(100% - 0px);

         cursor: pointer;

	background: #008967;

         font-size: 14px !important;
         color: #FFFFFF;
	font-weight: bold;
         text-shadow: #0091bb 1px 1px 0px;
         text-decoration: none;
         text-align: center;

         padding: 7px 0px;
         margin: 0px 0px;

         border: 1px #008967 solid;
         -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;

         -webkit-box-shadow: inset 0px 1px 1px 0px rgba(255, 255, 255, 0.25);
	-moz-box-shadow:    inset 0px 1px 1px 0px rgba(255, 255, 255, 0.25);
	box-shadow:         inset 0px 1px 1px 0px rgba(255, 255, 255, 0.25);
}

#cdi .cdi-button a:hover, #cdi .cdi-button .button:hover, #cdi .cdi-button input:hover {
	background: #5F5F5F;

         color: #FFFFFF;
         text-shadow: #000000 1px 1px 0px;

         border: 1px #1F1F1F solid;
}

@media (max-width: 800px) {
         #cdi { width: calc(100% - 50px); top: 40%; left: 25px;  font-size: 1.1em; }
         #cdi .cdi-button a, #cdi .cdi-button a:visited, #cdi .cdi-button .button, #cdi .cdi-button input[type="submit"] { font-size: 1.0em !important; }
}

@media (max-width: 560px) {
         #cdi { width: calc(100% - 50px); top: 50px; left: 25px;  font-size: 1.1em; }
         #cdi .cdi-button a, #cdi .cdi-button a:visited, #cdi .cdi-button .button, #cdi .cdi-button input[type="submit"] { font-size: 1.0em !important; }
}