/**
 * Rahmen & Glow – Ergänzung zu inline-CSS in index_cms.php (nach style.css)
 */
.header-container,
#cms-footer-zone .footer-frame,
.footer-frame,
.panel-box,
.content-box-middle {
    border-style: solid !important;
    border-width: var(--theme-frame-thickness, 1px) !important;
}

body.cms-frame-solid .header-container,
body.cms-frame-solid #cms-footer-zone .footer-frame,
body.cms-frame-solid .footer-frame,
body.cms-frame-solid .panel-box,
body.cms-frame-solid .content-box-middle {
    border-color: var(--theme-frame-color, #00d4ff) !important;
    box-shadow: none !important;
    animation: none !important;
}

body.cms-frame-glow .header-container,
body.cms-frame-glow #cms-footer-zone .footer-frame,
body.cms-frame-glow .footer-frame,
body.cms-frame-glow .panel-box,
body.cms-frame-glow .content-box-middle {
    border-color: var(--theme-frame-color, #00d4ff) !important;
    animation: cms-theme-frame-glow 4s ease-in-out infinite !important;
}

body.cms-frame-rainbow .header-container,
body.cms-frame-rainbow #cms-footer-zone .footer-frame,
body.cms-frame-rainbow .footer-frame,
body.cms-frame-rainbow .panel-box,
body.cms-frame-rainbow .content-box-middle {
    animation: cms-theme-frame-rainbow 8s linear infinite !important;
}

@keyframes cms-theme-frame-glow {
    0%, 100% {
        box-shadow: 0 0 8px color-mix(in srgb, var(--theme-frame-color, #00d4ff) 28%, transparent),
                    inset 0 0 4px color-mix(in srgb, var(--theme-frame-color, #00d4ff) 8%, transparent);
    }
    50% {
        box-shadow: 0 0 18px color-mix(in srgb, var(--theme-frame-color, #00d4ff) 55%, transparent),
                    inset 0 0 10px color-mix(in srgb, var(--theme-frame-color, #00d4ff) 22%, transparent);
    }
}

@keyframes cms-theme-frame-rainbow {
    0% { border-color: #ff0055; box-shadow: 0 0 14px rgba(255, 0, 85, 0.55); }
    20% { border-color: #00d4ff; box-shadow: 0 0 14px rgba(0, 212, 255, 0.55); }
    40% { border-color: #00ffcc; box-shadow: 0 0 14px rgba(0, 255, 204, 0.55); }
    60% { border-color: #9b51e0; box-shadow: 0 0 14px rgba(155, 81, 224, 0.55); }
    80% { border-color: #ffcc00; box-shadow: 0 0 14px rgba(255, 204, 0, 0.55); }
    100% { border-color: #ff0055; box-shadow: 0 0 14px rgba(255, 0, 85, 0.55); }
}