#cookieBanner { position: fixed; bottom: 0; left: 0; right: 0; background: #ffffffdf; border-top: 1px solid #ccc; padding: 15px; z-index: 9999; font-family: Arial; box-shadow: 0 -2px 6px rgba(0,0,0,0.2); }
    #cookieBanner .header { display: flex; justify-content: space-between; align-items: center; }
    #cookieBanner .actions { margin-top: 10px; display: flex; gap: 10px; }
    #cookieBanner button { padding: 8px 12px; cursor: pointer; }


.content_details { display: none; max-height: 400px; overflow-y: auto;padding:10px;background-color:#f5f5f5;box-sizing:border-box; }
.cookie_text { }
.cookie_headline {display:block;font-size:1.5em;font-weight:500;margin-bottom:10px; }
    .cookie_text h2 { font-size: 1.5em; font-weight: 500;  display: block; margin-bottom: 20px; }
    .cookie_text h3, .cookie_title > *, .cookie-header2 > * { font-size: 1.3em; font-weight: 500; line-height: 140%; display: block; margin-bottom: 10px; }
.cookie_text p { font-size:1.15em;font-weight:400;line-height:140%;display:block;margin-bottom:20px;}
    .cookie_text > ul { list-style-type: disc; list-style-position: inside;margin-bottom:30px; }
.cookie_text > ul > li {font-size:1.15em;margin-bottom:10px; display:list-item;}
.cookie_text a { color: #ff0000; }
    .cookie_text a:hover { text-decoration: underline; }

#cookieBanner .cookie_buttons {padding:20px 0 0 0;box-sizing:border-box; border-top:1px solid rgba(0,0,0,0.2);margin-top:20px;}
    #cookieBanner .cookie_buttons > ul { display:flex;flex-wrap:wrap;}
        #cookieBanner .cookie_buttons > ul > li { margin-left:10px;max-width:100px;}
#cookieBanner .cookie_buttons > ul > li:last-child {margin-left:0; }
        #cookieBanner .cookie_buttons > ul > li > * {font-size:1em;font-weight:400;border-radius:10px; }


@media only screen and (max-width : 640px) {
    .content_details { max-height: 250px; }
}