/*
###################################################################################
#  ACHTUNG: URHEBERRECHTSSCHUTZ / STRICT COPYRIGHT WARNING                        #
###################################################################################
#                                                                                 #
#  © 2026 ff. Copyright © Dom-Malbuch.de / ELBEHAI.de / H. v. Treffenfels         #
#  Alle Rechte ausdrücklich vorbehalten.                                          #
#                                                                                 #
#  Jede unbefugte Nutzung, Vervielfältigung, Spiegelung (Mirroring), Veränderung, #
#  Entfremdung oder Weitergabe dieses Quellcodes oder einzelner Bestandteile      #
#  (Quellcode, Skripte, Design-Elemente, Texte, Formulierungen, Templates,        #
#  Grafiken, Bilder, Dateien usw.) sowie kompletter Webseiten ist ausdrücklich    #
#  verboten!                                                                      #
#                                                                                 #
#  Das Entfernen oder Verändern dieses Copyright- bzw. Urheberrechtsvermerks      #
#  kann rechtliche Konsequenzen nach sich ziehen.                                 #
#                                                                                 #
#  Verstöße gegen das Urheberrechtsgesetz (UrhG) sowie gegen geltendes            #
#  internationales Urheberrecht werden konsequent zivil- und strafrechtlich       #
#  verfolgt.                                                                      #
#                                                                                 #
#  Digitale Begleitplattform zum Magdeburger Dom-Malbuch.                         #
#  Bestandteil eines Projektes von ELBEHAI.de.                                    #
#                                                                                 #
###################################################################################
#                                                                                 #
#  ATTENTION: STRICT COPYRIGHT WARNING                                            #
#                                                                                 #
#  © 2026 ff. Copyright © Dom-Malbuch.de / ELBEHAI.de / H. v. Treffenfels         #
#  All rights expressly reserved.                                                 #
#                                                                                 #
#  Any unauthorized use, reproduction, mirroring, modification, misuse or         #
#  distribution of this source code or any part thereof (including source code,   #
#  scripts, design elements, texts, wording, templates, graphics, images,         #
#  files, etc.), as well as complete web pages, is strictly prohibited.           #
#                                                                                 #
#  Removing or modifying this copyright notice may result in legal action.        #
#                                                                                 #
#  Violations of German copyright law and applicable international copyright      #
#  regulations will be prosecuted to the fullest extent permitted by law.         #
#                                                                                 #
#  Digital Companion Platform for the Magdeburg Cathedral Coloring Book.          #
#  Part of a project by ELBEHAI.de.                                               #
#                                                                                 #
###################################################################################
*/

#cookieBanner{

position:fixed;

left:0;

right:0;

bottom:0;

z-index:9999;

padding:22px;

background:#eef6ff;

border-top:2px solid var(--dom-blue);

box-shadow:0 -4px 16px rgba(0,0,0,.15);

font-family:"Didact Gothic",Arial,Helvetica,sans-serif;

display:none;

}

#cookieBanner.show{

display:block;

}

.cookie-content{

max-width:900px;

margin:auto;

}

.cookie-content h2{

margin:0 0 12px 0;

font-size:1.2rem;

color:var(--dom-blue);

}

.cookie-content h2:focus{

outline:none;

}

.cookie-content p{

margin:0 0 16px 0;

line-height:1.6;

color:#333;

}

.cookie-buttons{

    display:flex;

    justify-content:center;

    margin-top:20px;

}

.cookie-button{

padding:12px 22px;

border:none;

border-radius:8px;

cursor:pointer;

font-size:1rem;

transition:.2s;

}

.cookie-accept{

    background:var(--dom-blue);

    color:#ffffff;

    border:1px solid var(--dom-blue);

}

.cookie-accept:hover{

    background:#2b6cb0;

    border:2px solid #8fc3ff;

    box-shadow:0 0 10px rgba(143,195,255,.35);

}

.cookie-essential{

background:#ececec;

color:#333;

}

.cookie-essential:hover{

background:#d9d9d9;

}

.cookie-link{

display:inline-block;

margin-top:16px;

color:#0d5cab;

text-decoration:none;

font-weight:bold;

}

.cookie-link:hover{

text-decoration:underline;

}

@media (max-width:700px){

#cookieBanner{

    padding:2px;

}    

.cookie-content{

    width:96%;

    max-width:none;

    margin:0 auto;

    padding:6px 10px 8px;

    box-sizing:border-box;

}

.cookie-content h2{

    font-size:1rem;

    margin:0 0 4px;

}

.cookie-content p{

    font-size:0.82rem;

    line-height:1.20;

    margin:0 0 2px;

}

.cookie-link-wrapper{

    margin:4px 0;

}

.cookie-link{

    font-size:0.82rem;

}

.cookie-buttons{

    margin-top:22px;

}

.cookie-button{

    padding:12px 22px;

    border:none;

    border-radius:8px;

    cursor:pointer;

    font-size:1rem;

    transition:background-color .2s ease,
           color .2s ease,
           border-color .2s ease;

    font-family:inherit;

    font-weight:600;

}

}

body[data-theme="dark"] #cookieBanner{

    background:#2b2f36;

    border-top:2px solid var(--dom-blue);

}

body[data-theme="dark"] .cookie-content h2{

    color:#66a8ff;

}

body[data-theme="dark"] .cookie-content p{

    color:#f2f2f2;

}

body[data-theme="dark"] .cookie-link{

    color:#66a8ff;

}

/* ==========================================================
   Ende cookie.css
   ========================================================== */