/* Career-site Cookiebot skin. Consent behaviour and vendor visibility stay intact.
   Scoped variables follow the existing data-theme switch, including late-loaded UI. */
html :is(#CybotCookiebotDialog, #CookiebotWidget) {
  --gb-cookie-bg: #101820;
  --gb-cookie-panel: #1a212e;
  --gb-cookie-text: #ffffff;
  --gb-cookie-muted: #d9d9d9;
  --gb-cookie-line: #58616a;
  --gb-cookie-link: #ffe833;
  --gb-cookie-active: #ffe833;
  --gb-cookie-radius: 16px;
  --gb-cookie-button-radius: 50px;
  --gb-cookie-font: 'Alexandria', sans-serif;
  font-family: var(--gb-cookie-font) !important;
  color: var(--gb-cookie-text) !important;
}
html[data-theme="paint"] :is(#CybotCookiebotDialog, #CookiebotWidget) {
  --gb-cookie-bg: #ffffff;
  --gb-cookie-panel: #dedede;
  --gb-cookie-text: #101010;
  --gb-cookie-muted: #303030;
  --gb-cookie-line: #808080;
  --gb-cookie-link: #244a9b;
  --gb-cookie-active: #244a9b;
  --gb-cookie-radius: 0px;
  --gb-cookie-button-radius: 0px;
  --gb-cookie-font: Arial, Helvetica, sans-serif;
}
html #CybotCookiebotDialog,
html #CookiebotWidget .CookiebotWidget-contents {
  background: var(--gb-cookie-bg) !important;
  color: var(--gb-cookie-text) !important;
  border: 1px solid var(--gb-cookie-line) !important;
  border-radius: var(--gb-cookie-radius) !important;
  box-shadow: none !important;
}
html :is(#CybotCookiebotDialog, #CookiebotWidget) :is(button, a, input, label, h2, h3, strong) {
  font-family: var(--gb-cookie-font) !important;
}
html #CybotCookiebotDialog :is(#CybotCookiebotDialogHeader, #CybotCookiebotDialogNav, #CybotCookiebotDialogFooter, #CybotCookiebotDialogTabContent, #CybotCookiebotDialogBodyLevelButtonsSelectPane),
html #CookiebotWidget :is(.CookiebotWidget-header, .CookiebotWidget-body),
html #CookiebotWidget #CookiebotWidget-buttons {
  background-color: var(--gb-cookie-bg) !important;
  color: var(--gb-cookie-text) !important;
  border-color: var(--gb-cookie-line) !important;
}
html #CybotCookiebotDialog :is(#CybotCookiebotDialogBodyContentTitle, .CybotCookiebotDialogBodyContentHeading, .CybotCookiebotDialogBodyLevelButtonDescription),
html #CookiebotWidget :is(h2, h3, strong, li) { color: var(--gb-cookie-text) !important; }
html #CybotCookiebotDialog :is(#CybotCookiebotDialogBodyContentText, #CybotCookiebotDialogTabContentDetails, #CybotCookiebotDialogDetailBodyContentTextAbout),
html #CookiebotWidget :is(.CookiebotWidget-consent-details-box, .CookiebotWidget-body-inner) {
  color: var(--gb-cookie-muted) !important;
  line-height: 1.6 !important;
}
html #CybotCookiebotDialog :is(a, .CybotCookiebotDialogNavItemLink),
html #CookiebotWidget .CookiebotWidget-show-consent-details { color: var(--gb-cookie-link) !important; }
html #CybotCookiebotDialog .CybotCookiebotDialogNavItemLink {
  color: var(--gb-cookie-muted) !important;
  min-height: 44px;
}
html #CybotCookiebotDialog .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  color: var(--gb-cookie-link) !important;
  border-bottom-color: var(--gb-cookie-link) !important;
}
html #CybotCookiebotDialog :is(.CookieCard, .CybotCookiebotDialogDetailBodyContentCookieContainerButton, .CybotCookiebotDialogDetailBodyContentIABv2Tab) {
  background: var(--gb-cookie-panel) !important;
  color: var(--gb-cookie-text) !important;
  border-color: var(--gb-cookie-line) !important;
}
html #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider { background-color: #69717a !important; }
html #CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider { background-color: var(--gb-cookie-active) !important; }
html #CybotCookiebotDialog input:disabled + .CybotCookiebotDialogBodyLevelButtonSlider { background-color: #69717a !important; }
html #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider::before { background-color: #fff !important; }
html #CybotCookiebotDialog .CybotCookiebotDialogBodyButton,
html #CookiebotWidget #CookiebotWidget-buttons button {
  background: var(--gb-cookie-bg) !important;
  color: var(--gb-cookie-text) !important;
  border: 1px solid var(--gb-cookie-line) !important;
  border-radius: var(--gb-cookie-button-radius) !important;
  min-height: 48px;
  padding: 12px 18px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  white-space: normal !important;
  box-shadow: none !important;
}
html #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
html #CybotCookiebotDialog #CybotCookiebotDialogBodyBtnAcceptAll,
html #CookiebotWidget #CookiebotWidget-btn-change {
  background: #ffe833 !important;
  color: #101820 !important;
  border-color: #ffe833 !important;
}
html #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
html #CybotCookiebotDialog #CybotCookiebotDialogBodyBtnAcceptSelected {
  color: var(--gb-cookie-link) !important;
  border-color: var(--gb-cookie-link) !important;
}
html #CybotCookiebotDialog .CybotCookiebotDialogBodyButton:hover,
html #CookiebotWidget #CookiebotWidget-buttons button:hover { filter: brightness(1.08); }
html :is(#CybotCookiebotDialog, #CookiebotWidget) :is(a, button, input):focus-visible {
  outline: 3px solid var(--gb-cookie-link) !important;
  outline-offset: 3px !important;
}
html #CybotCookiebotDialog input:focus-visible + .CybotCookiebotDialogBodyLevelButtonSlider {
  outline: 3px solid var(--gb-cookie-link) !important;
  outline-offset: 3px !important;
}
html #CookiebotWidget .CookiebotWidget-logo {
  background: var(--gb-cookie-bg) !important;
  color: var(--gb-cookie-link) !important;
  border: 1px solid var(--gb-cookie-line) !important;
  border-radius: var(--gb-cookie-button-radius) !important;
}
html #CookiebotWidget .CookiebotWidget-close { color: var(--gb-cookie-text) !important; }
html #CookiebotWidget .CookiebotWidget-approved svg { fill: var(--gb-cookie-link) !important; }
/* Keep the provider attribution legible in both themes. */
html:not([data-theme="paint"]) #CybotCookiebotDialog #CybotCookiebotDialogPoweredbyCybot svg,
html:not([data-theme="paint"]) #CookiebotWidget .CookiebotWidget-main-logo svg { fill: #fff !important; }

/* Retro: matching raised window edges, blue title bar and square controls. */
html[data-theme="paint"] #CybotCookiebotDialog,
html[data-theme="paint"] #CookiebotWidget .CookiebotWidget-contents {
  border: 3px solid !important;
  border-color: #fff #404040 #404040 #fff !important;
  box-shadow: 1px 1px 0 1px #101010 !important;
}
html[data-theme="paint"] #CybotCookiebotDialog #CybotCookiebotDialogHeader,
html[data-theme="paint"] #CookiebotWidget .CookiebotWidget-header {
  background: #244a9b !important;
  color: #fff !important;
}
html[data-theme="paint"] #CybotCookiebotDialog #CybotCookiebotDialogHeader::before {
  content: 'Cookie-Einstellungen';
  color: #fff;
  font: 700 16px/1.4 Arial, Helvetica, sans-serif;
}
html[data-theme="paint"] #CookiebotWidget .CookiebotWidget-header :is(h2, .CookiebotWidget-close) { color: #fff !important; }
html[data-theme="paint"] #CybotCookiebotDialog #CybotCookiebotDialogPoweredbyCybot svg { fill: #fff !important; }
html[data-theme="paint"] #CybotCookiebotDialog .CybotCookiebotDialogBodyButton,
html[data-theme="paint"] #CookiebotWidget #CookiebotWidget-buttons button {
  background: #dedede !important;
  color: #101010 !important;
  border: 3px solid !important;
  border-color: #fff #808080 #808080 #fff !important;
  font-weight: 700 !important;
}
html[data-theme="paint"] #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
html[data-theme="paint"] #CybotCookiebotDialog #CybotCookiebotDialogBodyBtnAcceptAll,
html[data-theme="paint"] #CookiebotWidget #CookiebotWidget-btn-change {
  background: #ffe833 !important;
  border-color: #fff8a4 #aaa04c #aaa04c #fff8a4 !important;
}
html[data-theme="paint"] #CybotCookiebotDialog .CybotCookiebotDialogBodyButton:active,
html[data-theme="paint"] #CookiebotWidget #CookiebotWidget-buttons button:active { border-style: inset !important; }
@media (max-width: 600px) {
  html #CybotCookiebotDialog { max-width: calc(100% - 32px) !important; max-height: calc(100dvh - 32px) !important; }
  html #CookiebotWidget .CookiebotWidget-contents { max-width: calc(100vw - 32px) !important; }
  html #CybotCookiebotDialog #CybotCookiebotDialogHeader { gap: 12px; }
  html[data-theme="paint"] #CybotCookiebotDialog #CybotCookiebotDialogHeader::before { font-size: 14px; }
}
@media (prefers-reduced-motion: reduce) {
  html :is(#CybotCookiebotDialog, #CookiebotWidget) * { transition: none !important; animation: none !important; }
}

/* Vendor scroll fades assume a white page and obscure dark-theme text. */
html #CybotCookiebotDialog .CybotCookiebotFader { background: none !important; pointer-events: none !important; }
html:not([data-theme="paint"]) #CybotCookiebotDialog input:checked:not(:disabled) + .CybotCookiebotDialogBodyLevelButtonSlider::before { background: #101820 !important; }
html #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerButton::before { border-color: var(--gb-cookie-text) !important; }
html #CookiebotWidget .CookiebotWidget-logo svg { fill: var(--gb-cookie-link) !important; }
html #CookiebotWidget .CookiebotWidget-close svg { fill: currentColor !important; }
/* Widget uses a semantic strong heading and an outer content shell. */
html #CookiebotWidget #CookiebotWidget-widgetContent {
  background: var(--gb-cookie-bg) !important;
  border-radius: var(--gb-cookie-radius) !important;
  overflow: hidden;
}
html[data-theme="paint"] #CookiebotWidget .CookiebotWidget-header strong,
html[data-theme="paint"] #CookiebotWidget .CookiebotWidget-header .CookiebotWidget-close { color: #fff !important; }
html[data-theme="paint"] #CookiebotWidget .CookiebotWidget-header .CookiebotWidget-close svg path { fill: #fff !important; }
html #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
  background: #ffe833 !important;
  color: #101820 !important;
  border-color: #ffe833 !important;
}
html[data-theme="paint"] #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change { border-color: #fff8a4 #aaa04c #aaa04c #fff8a4 !important; }