/* === cookie-banner.css === */

#cookie-banner { position: fixed; bottom: 0; left: 0; width: 100%; background-color: var(--surface-alt-color); color: var(--primary-text-color); padding: 20px 30px; z-index: 1100; box-shadow: 0 -4px 10px rgba(0, 0, 0, 0.2); display: none; border-top: 1px solid #444; font-size: 0.9rem; }
.cookie-content { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; max-width: 1200px; margin: 0 auto; }
.cookie-text { flex-grow: 1; margin: 0; line-height: 1.6; min-width: 300px; }
.cookie-text a { color: var(--accent-color); text-decoration: underline; }
.cookie-text a:hover { color: var(--primary-text-color); }
.cookie-buttons { display: flex; gap: 10px; flex-shrink: 0; }
.btn-cookie { /* Nutzt .btn aus base.css */ padding: 8px 18px; font-size: 0.85rem; min-width: 100px; text-align: center; }
.btn-cookie.btn-secondary { background-color: #555; color: var(--primary-text-color); /* Erbt .btn-secondary */ }
.btn-cookie.btn-secondary:hover { background-color: #777; }

/* Responsive für Cookie Banner */
@media (max-width: 768px) {
     #cookie-banner { padding: 15px 20px; }
    .cookie-content { flex-direction: column; align-items: stretch; text-align: center; }
    .cookie-buttons { justify-content: center; margin-top: 10px; }
}