/* 
* Quelle: https://www.ideenlounge.de/der-cookie-hinweis-ohne-plugin-ohne-javascript-zum-copypaste-in-zwei-coolen-styles/
* Angepasst für Eventbuch24 Theme-System
*/

#cookiedingsbums a {
   color: var(--eb-body-color, #000); 
   text-decoration: none;
}
#cookiedingsbums a:hover {
   text-decoration: underline;
   color: var(--eb-link-hover, #000);
}
#cookiedingsbums div {
   padding: 10px; 
   padding-right: 40px;
}

#cookiedingsbums { 
   outline: 1px solid var(--eb-border-color, #7b92a9); 
   text-align: left; /*right*/ 
   border-top: 1px solid var(--eb-body-bg, #fff);
   background: var(--eb-primary, #E85A0C); 
   color: var(--eb-body-bg, #fff);
   position: fixed;
   top: 0; /* Oben statt unten anzeigen */
   z-index: 10000; 
   width: 100%; 
   font-size: 15px; 
   line-height: 20px;
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
   transition: background-color 0.3s ease;
}

#cookiedingsbumsCloser {
   color: var(--eb-body-color, #777);
   font: 15px/100% arial, sans-serif;
   position: absolute;
   right: 30px;
   text-decoration: none;
   text-shadow: 0 1px 0 var(--eb-body-bg, #fff);
   top: 6px;
   cursor: pointer;
   border-radius: 4px;
   border: 1px solid var(--eb-border-color, #7b92a9); 
   padding: 4px 8px;
   background: var(--eb-bg-secondary, #ced6df);
   transition: all 0.2s ease;
}

#cookiedingsbumsCloser:hover {
   background: var(--eb-primary, #E85A0C);
   color: var(--eb-body-bg, #fff);
   text-shadow: none;
   border-color: var(--eb-primary-dark, #7b92a9);
}

/* Spezielle Anpassungen für dunkle Themes */
[data-theme="midnight-dark"] #cookiedingsbums,
[data-theme="bvb-dortmund"] #cookiedingsbums {
   color: var(--eb-body-bg, #fff);
   border-top: 1px solid var(--eb-primary-dark, #333);
}

[data-theme="midnight-dark"] #cookiedingsbumsCloser,
[data-theme="bvb-dortmund"] #cookiedingsbumsCloser {
   background: var(--eb-bg-tertiary, #333);
   color: var(--eb-body-bg, #fff);
   text-shadow: none;
}

/* Spezielle Anpassung für BVB-Theme */
[data-theme="bvb-dortmund"] #cookiedingsbums a {
   color: #000;
   font-weight: bold;
}

/* Media Query für Mobilgeräte mit einer maximalen Breite von 768px */
@media (max-width: 768px) {
    #cookiedingsbums {
        font-size: 12px;
        line-height: 16px;
        padding: 5px;
    }
    #cookiedingsbumsCloser {
        font-size: 14px;
        top: 4px;
        right: 15px;
        padding: 3px 6px;
    }
}