/* SGV theme for the EXT:w52_consent banner and the two-click embed placeholders */
#w52-consent-banner {
    --w52c-accent: #343434;
    --w52c-heading-color: #343434;
    --w52c-border: #d0d0d0;
    --w52c-table-head: #f0f0f0;
    --w52c-backdrop: rgb(0 0 0 / 0.5);
    --w52c-max-width: 1400px;
}

/* Footer: "Cookie-Einstellungen" button styled like the footer links */
#footer .consent-open {
    display: inline-flex;
    align-items: center;
    padding: 0;
    border: 0;
    background: none;
    color: inherit;
    font: inherit;
    text-decoration: underline;
    text-underline-offset: 3px;
    cursor: pointer;
}
#footer .consent-open:hover,
#footer .consent-open:focus-visible {
    text-decoration-thickness: 2px;
}
#footer .consent-open:focus-visible {
    outline: 2px solid currentColor;
    outline-offset: 4px;
}

/* Embed placeholder (YouTube) */
.consent-embed {
    position: relative;
}
.consent-embed__placeholder {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
    aspect-ratio: 16 / 9;
    padding: clamp(16px, 4vw, 32px);
    border: 1px solid #d0d0d0;
    background: #f0f0f0;
    color: #343434;
}
.consent-embed__placeholder[hidden] {
    display: none;
}
.consent-embed__title {
    margin: 0;
    font-weight: 600;
}
.consent-embed__text {
    margin: 0;
    max-width: 65ch;
    font-size: 0.9375rem;
}
.consent-embed__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.consent-embed__button {
    min-height: 44px;
    padding: 8px 16px;
    border: 2px solid #343434;
    background: #343434;
    color: #ffffff;
    font: inherit;
    cursor: pointer;
}
.consent-embed__button--secondary {
    background: transparent;
    color: #343434;
}
.consent-embed__button:hover,
.consent-embed__button:focus-visible {
    background: #000000;
    border-color: #000000;
    color: #ffffff;
}
.consent-embed__button:focus-visible {
    outline: 2px solid #000000;
    outline-offset: 3px;
}
.consent-embed__content iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
}