.dsgvo-yt-container {
position: relative;
width: 100%;
height: auto;
}
.dsgvo-yt-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0
}
.dsgvo-yt-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
gap: 1rem;
}
.dsgvo-yt-load-btn {
padding: 10px 20px;
border: none;
cursor: pointer;
}
.dsgvo-yt-load-btn {
padding: 10px 20px;
border: none;
cursor: pointer;
}
.dsgvo-yt-privacy-info {
font-size: 0.8em;
margin-top: 8px;
margin-left: 10px;
}
.dsgvo-yt-overlay.dsgvo-yt-light {
background: rgba(211, 211, 211, 0.8);
}
.dsgvo-yt-overlay.dsgvo-yt-dark {
background: rgba(0, 0, 0, 0.8);
}
.dsgvo-yt-overlay.dsgvo-yt-custom {
background: rgba(255, 255, 255, 0.8);
}
.dsgvo-yt-load-btn.dsgvo-yt-light {
background: #191919;
color: #ffffff;
}
.dsgvo-yt-load-btn.dsgvo-yt-dark {
background: #ffffff;
color: #191919;
}
.dsgvo-yt-load-btn.dsgvo-yt-custom {
background: #0073aa;
color: #ffffff;
}
.dsgvo-yt-privacy-info.dsgvo-yt-light {
color: #191919;
}
.dsgvo-yt-privacy-info.dsgvo-yt-dark {
color: #ffffff;
}
.dsgvo-yt-privacy-info.dsgvo-yt-custom {
color: #666666;
}
#dsgvo_yt_custom_colors.hidden {
display: none !important;
}
#dsgvo_yt_custom_colors.visible {
display: block !important;
}
.dsgvo-full-width {
width: 100% !important;
}
.dsgvo-width-100 {
width: 100px !important;
}
.dsgvo-height-100px {
height: 100px !important;
}
.dsgvo-margin-right {
margin-right: 1em !important;
} .dsgvo-yt-message {font-size:0.9em;line-height:1.4;margin:0;max-width:90%;text-align:center;white-space:pre-line;overflow-wrap:anywhere;}
.dsgvo-yt-remember-choice {align-items:center;cursor:pointer;display:flex;font-size:0.85em;gap:0.4rem;justify-content:center;line-height:1.3;margin:0;max-width:90%;text-align:center;}
.dsgvo-yt-remember-choice input {flex:0 0 auto;margin:0;}
.dsgvo-yt-message.dsgvo-yt-light,.dsgvo-yt-remember-choice.dsgvo-yt-light {color:#191919;}
.dsgvo-yt-message.dsgvo-yt-dark,.dsgvo-yt-remember-choice.dsgvo-yt-dark {color:#fff;}
.dsgvo-yt-message.dsgvo-yt-custom,.dsgvo-yt-remember-choice.dsgvo-yt-custom {color:#666;} .dsgvo-yt-overlay[data-show-reset="1"].dsgvo-yt-loaded {
padding: 0;
overflow: hidden;
}
.dsgvo-yt-overlay[data-show-reset="1"].dsgvo-yt-loaded .dsgvo-yt-frame {
height: calc(100% - 64px);
}
.dsgvo-yt-controls {
position: absolute;
inset: auto 0 0;
height: 64px;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
padding: 6px 10px;
background: #fff;
color: #191919;
}
.dsgvo-yt-revoke-btn {
min-height: 44px;
max-width: 100%;
padding: 6px 10px;
border: 1px solid currentColor;
border-radius: 4px;
background: transparent;
color: inherit;
font: inherit;
font-size: 13px;
line-height: 1.25;
white-space: normal;
cursor: pointer;
}
.dsgvo-yt-dark .dsgvo-yt-controls {
background: #191919;
color: #fff;
}
.dsgvo-yt-revoke-btn:focus-visible {
outline: 3px solid #191919;
outline-offset: 3px;
box-shadow: 0 0 0 6px #fff;
}
.dsgvo-yt-error {
color: inherit;
font-size: 0.9em;
line-height: 1.4;
} .dsgvo-yt-remember-choice.dsgvo-yt-remember-choice--modern {
box-sizing: border-box;
min-height: 48px;
padding: 10px 14px;
gap: 12px;
justify-content: flex-start;
border: 1px solid rgba(127, 127, 127, 0.4);
border-radius: 10px;
background: rgba(127, 127, 127, 0.08);
line-height: 1.4;
text-align: left;
}
.dsgvo-yt-remember-choice--modern span {
min-width: 0;
overflow-wrap: anywhere;
}
.dsgvo-yt-remember-choice--modern .dsgvo-yt-remember-checkbox {
-webkit-appearance: none;
appearance: none;
box-sizing: border-box;
display: grid;
place-content: center;
flex: 0 0 22px;
width: 22px;
height: 22px;
margin: 0;
padding: 0;
border: 2px solid currentColor;
border-radius: 6px;
background: transparent;
color: inherit;
cursor: pointer;
}
.dsgvo-yt-remember-choice--modern .dsgvo-yt-remember-checkbox::before {
content: "";
box-sizing: border-box;
width: 11px;
height: 7px;
border-left: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: translateY(-1px) rotate(-45deg);
visibility: hidden;
}
.dsgvo-yt-remember-choice--modern .dsgvo-yt-remember-checkbox:checked::before {
visibility: visible;
}
.dsgvo-yt-remember-choice--modern .dsgvo-yt-remember-checkbox:checked {
background: rgba(127, 127, 127, 0.16);
}
.dsgvo-yt-remember-choice--modern:focus-within {
outline: 2px solid currentColor;
outline-offset: 3px;
} .dsgvo-yt-reset {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.75rem;
}
.dsgvo-yt-reset-btn {
box-sizing: border-box;
min-height: 44px;
max-width: 100%;
padding: 10px 16px;
border: 1px solid currentColor;
border-radius: 8px;
background: transparent;
color: inherit;
font: inherit;
font-size: 0.875em;
line-height: 1.4;
text-align: center;
white-space: normal;
cursor: pointer;
}
.dsgvo-yt-reset-btn:focus-visible {
outline: 2px solid currentColor;
outline-offset: 3px;
}
.dsgvo-yt-reset-status {
font-size: 0.85em;
line-height: 1.4;
}
@media (forced-colors: active) {
.dsgvo-yt-remember-choice--modern .dsgvo-yt-remember-checkbox {
-webkit-appearance: auto;
appearance: auto;
}
.dsgvo-yt-remember-choice--modern .dsgvo-yt-remember-checkbox::before {
content: none;
}
}