.cphl-banner {
	position: fixed; left: 1rem; right: 1rem; bottom: 1rem; z-index: 99999; max-width: 760px; margin: 0 auto;
	padding: 1.25rem 1.5rem; background: #14161a; color: #fff;
	border-radius: 14px; box-shadow: 0 12px 40px rgba(16, 17, 20, 0.35); font: 400 0.95rem/1.6 "Inter", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.cphl-banner__title { margin: 0 0 0.35rem; font-size: 1.05rem; font-weight: 900; letter-spacing: -0.01em; }
.cphl-banner__text { margin: 0 0 1rem; color: rgba(255, 255, 255, 0.85); }
.cphl-banner__text a { color: inherit; }
.cphl-banner__actions { display: flex; flex-wrap: wrap; gap: 0.6rem; }

.cphl-btn { font: inherit; font-size: 0.95rem; font-weight: 700; padding: 0.75rem 1.3rem; border-radius: 8px; cursor: pointer; border: 2px solid #2e58ce; line-height: 1.3; }
.cphl-btn--primary { background: #2e58ce; color: #fff; }
.cphl-btn--primary:hover { background: #2549ad; border-color: #2549ad; }
.cphl-btn--ghost { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.55); }
.cphl-btn--ghost:hover { border-color: #fff; }
.cphl-banner :focus-visible, .cphl-dialog :focus-visible { outline: 2px solid #fff; outline-offset: 2px; }

.cphl-dialog { max-width: 560px; width: calc(100% - 2rem); padding: 0; border: 0; border-radius: 14px; background: #14161a; color: #fff; font: 400 0.95rem/1.6 "Inter", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
.cphl-dialog::backdrop { background: rgba(16, 17, 20, 0.7); }
.cphl-dialog__form { padding: 1.5rem; margin: 0; }
.cphl-dialog__title { margin: 0 0 1rem; font-size: 1.25rem; font-weight: 900; letter-spacing: -0.01em; text-transform: uppercase; color: #fff; }
.cphl-cat { padding: 0.9rem 0; border-top: 1px solid rgba(255, 255, 255, 0.13); }
.cphl-cat__label { display: flex; align-items: center; gap: 0.7rem; font-weight: 600; cursor: pointer; }
.cphl-cat__label input { width: 1.15rem; height: 1.15rem; accent-color: #2e58ce; }
.cphl-cat__badge { margin-left: auto; font-size: 0.75rem; font-weight: 400; color: rgba(255, 255, 255, 0.7); }
.cphl-cat__desc { margin: 0.35rem 0 0 1.85rem; color: rgba(255, 255, 255, 0.8); font-size: 0.88rem; }
.cphl-dialog__actions { display: flex; flex-wrap: wrap; gap: 0.6rem; margin-top: 1rem; }

/* Platzhalter für nicht geladene externe Inhalte */
.cphl-placeholder { padding: 2rem; text-align: center; background: var(--cph-surface, #f6f7f9); border-radius: 14px; }
.cphl-placeholder p { margin: 0 0 1rem; }

/* Rechtstexte */
.cphl-legal h2 { margin-top: 2em; font-size: 1.3rem; }
.cphl-legal__date { margin-top: 2rem; color: var(--cph-muted, #5f6672); }
.cphl-table { width: 100%; border-collapse: collapse; margin: 1rem 0; }
.cphl-table th, .cphl-table td { text-align: left; padding: 0.6rem 0.8rem 0.6rem 0; border-bottom: 1px solid var(--cph-line, rgba(20, 22, 26, 0.12)); vertical-align: top; }
.cphl-legal button[data-cphl-open] {
	font: inherit; font-size: 0.95rem; font-weight: 700; padding: 0.8rem 1.5rem; cursor: pointer; background: var(--cph-accent, #2e58ce); color: #fff;
	border: 2px solid var(--cph-accent, #2e58ce); border-radius: 8px;
}
.cphl-legal button[data-cphl-open]:hover { background: var(--cph-accent-hover, #2549ad); border-color: var(--cph-accent-hover, #2549ad); }

@media (max-width: 520px) {
	.cphl-banner { left: 0.5rem; right: 0.5rem; bottom: 0.5rem; padding: 1rem; }
	.cphl-btn { flex: 1 1 100%; }
}