/*
#################################
##  Cookie / Datenschutz Info
#################################
*/

#cdi_layer {
         z-index: 1000;
         bottom: 50px;
         left: 50px;
         position: fixed;

         width: calc(100% - 100px);
         min-height: 50px;

         background: #F3F3F3;
         border: 1px #BFBFBF solid;

         color: #07AD0F;
         font-family: Verdana !important;
         font-size: 12px;
         font-weight: normal;
         text-shadow: #FFFFFF 1px 1px 0px;
         text-align: left;

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

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

#cdi_layer .cdi-info {
         float:left;
         width: calc(100% - 200px);
         padding: 18px 0px 18px 10px;
}

#cdi_layer .cdi-info a, #cdi_layer .cdi-info a:visited {
         color: #6aa207;
         font-weight: bold;
         text-decoration: underline;
         padding: 0px 0px;
         transition: all 0.3s ease-in-out;
}

#cdi_layer .cdi-info a:hover { color: #416304; }

#cdi_layer .cdi-button {
         float:right;
         width: 180px;

         padding: 9px 10px 0px 0px;
         text-align: right;
}
#cdi_layer .cdi-button form { margin: 0px; padding: 0px; }

#cdi_layer .cdi-button a, #cdi_layer .cdi-button a:visited, #cdi_layer .cdi-button .button, #cdi_layer .cdi-button input[type="submit"] {
         display: inline-block;

         cursor: pointer;

         background: #6aa207;
         text-shadow: #6aa207 1px 1px 0px;

         color: #FFFFFF;
         font-weight: bold;
         text-decoration: none;
         text-align: center;

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

         border: 1px #416304 solid;
         -webkit-border-radius: 4px;
         -moz-border-radius: 4px;
         border-radius: 4px;
         transition: all 0.3s ease-in-out;
}

#cdi_layer .cdi-button a:hover, #cdi_layer .cdi-button .button:hover, #cdi_layer .cdi-button input[type="submit"]:hover {
         background: #416304;
         color: #FFFFFF;
         text-shadow: #416304 1px 1px 0px;
         border: 1px #416304 solid;
}

@media (max-width: 500px) {
         #cdi_layer .cdi-info, #cdi_layer .cdi-button { float: none; width: calc(100% - 40px) !important; padding: 18px 20px 18px 20px !important; text-align: left !important; }
         #cdi_layer .cdi-button { padding: 0px 20px 18px 20px !important; }
         #cdi_layer .cdi-button a, #cdi_layer .cdi-button a:visited, #cdi_layer .cdi-button .button, #cdi_layer .cdi-button input[type="submit"] { width: calc(100% - 2px); padding: 8px 0px !important; }
}