/* 
* Quelle: https://www.ideenlounge.de/der-cookie-hinweis-ohne-plugin-ohne-javascript-zum-copypaste-in-zwei-coolen-styles/
*/

#cookiedingsbums a {color:#000; text-decoration:none;}
#cookiedingsbums a:hover {text-decoration:underline;}
#cookiedingsbums div {padding:10px; padding-right:40px;}

#cookiedingsbums { 
   outline: 1px solid #7b92a9; 
   text-align:left; /*right*/ 
   border-top:1px solid #fff;
   background: #E85A0C  /*#E85A0C */; 
   background: -moz-linear-gradient(top, #E85A0C 0%, #E85A0C 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E85A0C), color-stop(100%,#E85A0C)); 
   background: -webkit-linear-gradient(top, #E85A0C 0%,#E85A0C 100%); 
   background: -o-linear-gradient(top, #E85A0C 0%,#E85A0C 100%);
   background: -ms-linear-gradient(top, #E85A0C 0%,#E85A0C 100%); 
   background: linear-gradient(to bottom, #E85A0C 0%,#E85A0C 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(   startColorstr='#E85A0C', endColorstr='#E85A0C',GradientType=0 ); 
   position:fixed;
   /*bottom:0px; */
   z-index:10000; 
   width:100%; 
   font-size:15px; 
   line-height:20px;}

#cookiedingsbumsCloser {
   color: #777;
   font: 15x/100% arial, sans-serif;
   position: absolute;
   right: 30px;
   text-decoration: none;
   text-shadow: 0 1px 0 #fff;
   top: 6px;
   cursor:pointer;
   border-top:1px solid white; 
   border-left:1px solid white; 
   border-bottom:1px solid #7b92a9; 
   border-right:1px solid #7b92a9; 
   padding:4px;
   background: #ced6df; /* Old browsers */
   background: -moz-linear-gradient(top, #E85A0C 100%); 
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ced6df), color-stop(100%,#E85A0C)); 
   background: -webkit-linear-gradient(top, #E85A0C 100%); 
   background: -o-linear-gradient(top, #E85A0C 10%); 
   background: -ms-linear-gradient(top,#E85A0C 100%); 
   background: linear-gradient(to bottom,#E85A0C 100%); 
   filter: progid:DXImageTransform.Microsoft.gradient(    startColorstr='#ced6df', endColorstr='#E85A0C',GradientType=0 ); 
 }

#cookiedingsbumsCloser:hover {border-bottom:1px solid white; border-right:1px solid white; border-top:1px solid #7b92a9; border-left:1px solid #7b92a9;}


/* Media Query für Mobilgeräte mit einer maximalen Breite von 768px */
@media (max-width: 768px) {
    #cookiedingsbums {
        font-size: 10px; /* Halbe Schriftgröße */
        line-height: 15px; /* Angepasste Zeilenhöhe */
        padding: 5px; /* Geringere Padding-Größe */
    }
    #cookiedingsbumsCloser {
        font-size: 15px; /* Kleinere Schriftgröße für den Schließen-Button */
        top: 4px; /* Angepasste Position */
        right: 15px; /* Angepasste Position */
    }
    /* Weitere Anpassungen können hier hinzugefügt werden */
}