/* Einwilligungs-Banner – im Stil der Seite (Rot #EC3424, Poppins/Roboto, schräge Buttons) */
.crc[hidden], .crc [hidden] { display: none !important; }
.crc { position: fixed; z-index: 2147483000; left: 16px; bottom: 16px; width: min(520px, calc(100vw - 32px)); max-height: calc(100vh - 32px); overflow-y: auto; }
.crc-box { background: #111111; color: #F2F2F2; border-top: 4px solid #EC3424; padding: 22px 22px 18px; box-shadow: 0 18px 50px rgba(0, 0, 0, 0.35); font: 400 14px/1.55 'Roboto', sans-serif; }
.crc-title { margin: 0 0 10px; font: italic 700 20px/1.15 'Poppins', sans-serif; text-transform: uppercase; color: #FFFFFF; }
.crc-text { margin: 0 0 14px; color: #D6D6D6; }
.crc-text a { color: #FFFFFF; text-decoration: underline; }
.crc-text a:hover { color: #EC3424; }
.crc-details { margin: 0 0 14px; border-top: 1px solid rgba(255, 255, 255, 0.14); }
.crc-row { display: flex; gap: 12px; align-items: flex-start; padding: 12px 0; border-bottom: 1px solid rgba(255, 255, 255, 0.14); cursor: pointer; }
.crc-row input { width: 18px; height: 18px; margin: 2px 0 0; accent-color: #EC3424; flex: none; }
.crc-row strong { display: block; color: #FFFFFF; font-weight: 600; }
.crc-row small { display: block; color: #A6A6A6; font-size: 12.5px; line-height: 1.45; }
.crc-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.crc-btn { flex: 1 1 150px; border: 0; cursor: pointer; padding: 14px 18px; background: #EC3424; color: #FFFFFF; font: 600 13px/1 'Roboto', sans-serif; letter-spacing: 0.08em; text-transform: uppercase; clip-path: polygon(10px 0, 100% 0, calc(100% - 10px) 100%, 0 100%); transition: background-color 0.2s ease; }
.crc-btn:hover, .crc-btn:focus-visible { background: #AC0C0C; }
.crc-btn.crc-secondary { background: #F3F2EF; color: #111111; }
.crc-btn.crc-secondary:hover { background: #FFFFFF; }
.crc-link { background: none; border: 0; padding: 6px 0; cursor: pointer; color: #D6D6D6; font: 500 13px/1 'Roboto', sans-serif; text-decoration: underline; }
.crc-link:hover { color: #FFFFFF; }
.crc button:focus-visible, .crc a:focus-visible { outline: 2px solid #FFFFFF; outline-offset: 2px; }
@media (max-width: 520px) { .crc { left: 0; bottom: 0; width: 100vw; max-height: 85vh; } }