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

#cdi_layer {
         z-index: 101;
         bottom: 0;
         position: fixed;

         width: 100%;
         min-height: 50px;

         background: #EFEFEF;
         border-top: 1px #BFBFBF solid;

         font-family: var(--second-font) !important;
         color: #1F1F1F;
         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 10px 0px rgba(0, 0, 0, 0.25);
         -moz-box-shadow:    inset 0px 1px 1px 0px rgba(255, 255, 255, 0.25), 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
         box-shadow:         inset 0px 1px 1px 0px rgba(255, 255, 255, 0.25), 0px 0px 10px 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;
         font-family: var(--second-font) !important;
}

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

#cdi_layer .cdi-info a:hover { color: var(--main-color); }

#cdi_layer .cdi-button {
         float:right;
         width: 180px;
         padding: 9px 10px 10px 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: var(--main-color);

         font-family: var(--second-font) !important;
         color: #FFFFFF;
         font-weight: bold;
         text-shadow: rgba(0,0,0,0.2) 1px 1px 1px;
         text-decoration: none;
         text-align: center;

         height: 35px;
         padding: 7px 15px !important;
         margin: 0px 0px;

         border: 1px rgba(0,0,0,0.2) 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_layer .cdi-button a:hover, #cdi_layer .cdi-button .button:hover, #cdi_layer .cdi-button input[type="submit"]:hover { background: var(--second-color); color: #FFFFFF; }

@media (max-width: 640px) {
         #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; }
}