/* ===================================
   MEGA COOKIE CENTER
=================================== */

#mega-cookie-overlay{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.65);
    z-index:99998;
    display:none;
}

#mega-cookie-banner{
    position:fixed;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);

    width:95%;
    max-width:340px;

    background:linear-gradient(180deg,#355f1e,#244814,#18350d);

    border:1px solid #7cff00;
    border-radius:16px;

    padding:16px 18px;

    color:#fff;
    text-align:center;

    box-shadow:
        0 0 15px #6cff00,
        0 0 35px rgba(124,255,0,.35);

    z-index:99999;

    display:none;

    animation:cookieShow .35s ease;
}

@keyframes cookieShow{

    from{
        opacity:0;
        transform:translate(-50%,-45%) scale(.95);
    }

    to{
        opacity:1;
        transform:translate(-50%,-50%) scale(1);
    }

}

/* Cookie Symbol */

.cookie-icon{

    font-size:42px;

    margin-bottom:6px;

}

/* Überschrift */

#mega-cookie-banner h2{

    color:#dfffad;

    font-size:22px;

    margin-bottom:8px;

}

/* Text */

#mega-cookie-banner p{

    font-size:15px;

    line-height:1.35;

    margin:0 auto 12px;

}

/* Checkboxen */

.cookie-options{

    width:fit-content;

    margin:0 auto 15px;

    text-align:left;

}

.cookie-options label{

    display:block;

    margin:6px 0;

    font-size:15px;

}

.cookie-options input{

    transform:scale(1.15);

    margin-right:8px;

}

/* Buttons */

.cookie-buttons{

    display:flex;

    flex-direction:column;

    gap:8px;

}

.cookie-buttons button{

    width:100%;

    height:42px;

    border:none;

    border-radius:10px;

    cursor:pointer;

    font-size:15px;

    font-weight:bold;

    transition:.3s;

}

.cookie-buttons button:hover{

    transform:translateY(-2px);

    box-shadow:0 5px 15px rgba(0,0,0,.30);

}

/* Farben */

#cookie-accept{

    background:#ff9800;
    color:#fff;

}

#cookie-save{

    background:#4caf50;
    color:#fff;

}

#cookie-essential{

    background:#666;
    color:#fff;

}

/* Footer */

.cookie-footer{

    margin-top:10px;

}

.cookie-footer a{

    color:#b7ff66;

    text-decoration:none;

    font-size:14px;

}

.cookie-footer a:hover{

    text-decoration:underline;

}

/* ===================================
   HANDY
=================================== */

@media screen and (max-width:768px){

    #mega-cookie-banner{

        width:92%;

        max-width:320px;

        max-height:90vh;

        overflow-y:auto;

        padding:14px 16px;

    }

    .cookie-icon{

        font-size:36px;

    }

    #mega-cookie-banner h2{

        font-size:20px;

        margin-bottom:6px;

    }

    #mega-cookie-banner p{

        font-size:14px;

        line-height:1.35;

        margin-bottom:10px;

    }

    .cookie-options{

        margin-bottom:12px;

    }

    .cookie-options label{

        font-size:14px;

        margin:5px 0;

    }

    .cookie-buttons{

        gap:6px;

    }

    .cookie-buttons button{

        height:40px;

        font-size:14px;

    }

    .cookie-footer{

        margin-top:8px;

    }

    .cookie-footer a{

        font-size:13px;

    }

}