body {
  /* cookiebot widget styles */
}
body #CybotCookiebotDialog {
  --color-main-bg: #ffffff;
  --color-focus-outline: var(--color-brand-red);
  --color-box-shadow: rgba(28, 28, 28, 0.1);
  --color-button-text: #ffffff;
  --color-button-bg: var(--color-brand-black);
  --color-button-border: var(--color-brand-black);
  --color-title-text: var(--color-brand-black);
  --color-body-text: var(--color-brand-black);
  --color-button-slider-bg: var(--gradient-success-from);
  --color-link-active: var(--color-brand-black);
  --color-hover: var(--color-brand-red);
  --font-title: "Sharp Sans Display No1";
  --font-body: "Sharp Sans";
}
body #CybotCookiebotDialog {
  background-color: var(--color-main-bg);
  box-shadow: 0 0 16px 0 var(--color-box-shadow);
  border-radius: 0;
  /* OVERLAY BACKGROUND under pop up */
  /* NAVIGATION aka tabs */
  /* General content styles */
  /* Content under CONSENT tab */
  /* Content under DETAILS tab */
  /* Content under ABOUT  tab */
  /* FOOTER aka confirmation buttons */
}
@media (min-width: 601px) {
  body #CybotCookiebotDialog {
    max-width: 720px;
  }
}
body #CybotCookiebotDialog :focus-visible,
body #CybotCookiebotDialog :focus {
  box-shadow: none;
}
body #CybotCookiebotDialog :focus-visible {
  outline: var(--color-focus-outline) solid 2px;
}
body #CybotCookiebotDialogHeader, body #CybotCookiebotDialogPoweredByText, body #CybotCookiebotDialogPoweredbyLink {
  display: none;
}
body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink {
  font-weight: 600;
  color: var(--color-title-text);
  font-family: var(--font-title);
  font-size: var(--subheadline-m);
  letter-spacing: 0.32px;
  text-transform: uppercase;
}
body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink:hover {
  color: var(--color-link-active);
}
body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.active {
  border-bottom: 3px solid var(--color-link-active);
  color: var(--color-link-active);
}
body #CybotCookiebotDialogNav .CybotCookiebotDialogNavItemLink.CybotCookiebotDialogActive {
  color: var(--color-brand-black);
  border-bottom-color: var(--color-brand-black);
}
body #CybotCookiebotDialog #CybotCookiebotDialogBody {
  padding-left: 0.625em;
  padding-right: 0.625em;
}
body #CybotCookiebotDialog #CybotCookiebotDialogBodyButtonDetails {
  color: var(--color-button-text);
  font-weight: 600;
}
body #CybotCookiebotDialog .CybotCookiebotScrollContainer {
  border-bottom: 0 none;
  padding: 1em;
  max-height: 100%;
}
@media (min-width: 600px) {
  body #CybotCookiebotDialog .CybotCookiebotScrollContainer {
    max-height: clamp(300px, 50vh, 560px);
  }
}
body #CybotCookiebotDialog a,
body #CybotCookiebotDialog div, body #CybotCookiebotDialogBodyContentControls, body #CybotCookiebotDialogBodyContentTitle {
  font-weight: normal;
  letter-spacing: 0;
}
body #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentCookieContainerButton:hover,
body #CybotCookiebotDialog .CookieCard .CybotCookiebotDialogDetailBodyContentIABv2Tab:hover,
body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonsSelectPane label:not([for=CybotCookiebotDialogBodyLevelButtonNecessary]) .CybotCookiebotDialogBodyLevelButtonDescription:hover,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentCookieContainerTypes .CybotCookiebotDialogDetailBodyContentCookieProvider:not(.CybotCookiebotDialogDetailBodyContentCookieInfoCount):hover,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentLink:hover {
  color: var(--color-hover);
}
body #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a,
body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a,
body #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a,
body #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTextAbout a {
  font-weight: 600;
  color: var(--color-link);
  text-decoration-line: underline;
  text-underline-offset: 0.12em;
  transition-duration: 0.3s;
  transition-timing-function: cubic-bezier(0.52, 0.01, 0, 1);
  background: linear-gradient(90deg, var(--color-link-bg), var(--color-link-bg) 50%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 100%);
  background-size: 200% 100%;
  background-position: 100% 0;
  background-repeat: no-repeat;
  transition-property: background-position;
}
body #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText a:hover,
body #CybotCookiebotDialog #CybotCookiebotDialogBodyLevelButtonIABHeaderViewPartnersLink:hover,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList dt a:hover,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter a:hover,
body #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonIABDescription a:hover,
body #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink:hover,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTextAbout a:hover {
  background-position: 0 0;
}
body #CybotCookiebotDialog #CybotCookiebotDialogBodyContentControls,
body #CybotCookiebotDialog #CybotCookiebotDialogBodyContentTitle {
  font-family: var(--font-title);
}
body #CybotCookiebotDialog #CybotCookiebotDialogBodyContentTitle,
body #CybotCookiebotDialog #CybotCookiebotDialog h2 {
  margin-bottom: 24px;
}
@media (min-width: 1280px) {
  body #CybotCookiebotDialog #CybotCookiebotDialogBodyContentTitle,
  body #CybotCookiebotDialog #CybotCookiebotDialog h2 {
    margin-bottom: 32px;
  }
}
body #CybotCookiebotDialog #CybotCookiebotDialogBodyContent {
  padding: 8px 0 8px 0;
}
body #CybotCookiebotDialog #CybotCookiebotDialogBodyContentTitle {
  font-weight: 600;
  color: var(--color-title-text);
  margin-bottom: 12px;
  font-family: var(--font-title);
  /*font-feature-settings: "salt";*/
  font-size: var(--headline-s);
  letter-spacing: 0;
}
body #CybotCookiebotDialog #CybotCookiebotDialogBodyContentText {
  color: var(--color-body-text);
  font-family: var(--font-body);
  opacity: 1;
  font-size: var(--body-m);
  line-height: 137%;
}
body #CybotCookiebotDialog #CybotCookiebotDialogDetail {
  background-color: var(--color-main-bg);
  margin-top: 40px;
  padding-left: 24px;
}
body #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieContainerButton,
body #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieProvider,
body #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieProvider div,
body #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieInfoTitle,
body #CybotCookiebotDialog .CybotExpandLink,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentListWrapper span {
  font-weight: 600;
  color: var(--color-title-text);
  font-family: var(--font-title);
  font-size: var(--body-m);
  letter-spacing: 0.32px;
}
body #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieTypeIntro,
body #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieInfo,
body #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink,
body #CybotCookiebotDialog .CybotCookiebotDialogDetailBulkConsentDescription,
body #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieInfoDescription,
body #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieInfoFooter,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailBulkConsentList a,
body #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter {
  color: var(--color-body-text);
  font-family: var(--font-body);
  font-size: var(--body-m);
  line-height: 137%;
}
body #CybotCookiebotDialog #CybotCookiebotDialogDetailFooter {
  text-align: center;
  padding-top: 8px;
}
body #CybotCookiebotDialog .CybotCookiebotDialogDetailBodyContentCookieLink {
  color: var(--color-link);
}
body #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTabs a {
  border: 0 none;
}
body #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTabs a:focus {
  outline: 0;
  border: 0;
  box-shadow: none;
}
body #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider {
  display: block !important;
  background-color: var(--color-grey-700);
}
body #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSlider:before {
  content: "";
  border-radius: 50%;
  bottom: 4px;
  height: 24px;
  left: 4px;
  position: absolute;
  transition: transform 0.4s;
  width: 24px;
}
body #CybotCookiebotDialog input:checked + .CybotCookiebotDialogBodyLevelButtonSlider {
  background-color: var(--color-button-slider-bg);
}
body #CybotCookiebotDialog .CybotCookiebotDialogBodyLevelButtonSliderWrapper input:focus-visible + span {
  outline-color: var(--color-focus-outline);
}
body #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTextAbout {
  color: var(--color-body-text);
  font-family: var(--font-body);
  opacity: 1;
  font-size: var(--body-m);
  line-height: 137%;
}
body #CybotCookiebotDialog #CybotCookiebotDialogDetailBodyContentTabsAbout {
  border-top-right-radius: 6px;
}
body #CybotCookiebotDialogFooter {
  padding: 0.75em 1.5em;
}
@media (min-width: 1280px) {
  body #CybotCookiebotDialogFooter {
    padding: 0.75em 2.125em 1.5em 2.125em;
  }
}
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonsWrapper {
  justify-content: flex-start;
}
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons {
  margin-left: 0;
  padding-left: 0;
}
body #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
  font-size: var(--fontsize-button-medium);
  line-height: 2rem;
  padding: 7px 16px;
  text-transform: uppercase;
  align-items: center;
  flex-grow: 2;
  transition: color 0.25s cubic-bezier(0, 0.655, 0.215, 1), background-color 0.25s cubic-bezier(0, 0.655, 0.215, 1);
}
@media all and (max-width 600px) {
  body #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton {
    margin-top: 8px !important;
  }
}
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonDecline {
  opacity: 1;
  border-color: var(--color-button-border);
  border-radius: 0;
  color: var(--color-button-border);
  height: auto;
}
@media (min-width: 960px) {
  body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonDecline:hover,
  body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonDecline:hover {
    color: var(--color-brand-white);
    background-color: var(--color-brand-black);
  }
}
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
  padding: 7px var(--space-s);
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease-in-out;
  background-color: var(--color-button-bg);
  border-color: var(--color-button-border);
  border-width: 2px;
  border-radius: 0;
  height: auto;
  opacity: 1;
}
@media (min-width: 600px) {
  body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept,
  body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept,
  body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll {
    padding-top: 11px;
    padding-bottom: 11px;
  }
}
@media (min-width: 960px) {
  body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtonAccept:hover,
  body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonAccept:hover,
  body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll:hover {
    color: var(--color-brand-black);
    background-color: var(--color-brand-white);
  }
}
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize,
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
  opacity: 1;
  border-radius: 0;
  color: var(--color-button-border);
  border-color: var(--color-button-border);
  height: auto;
}
@media (min-width: 960px) {
  body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize:hover,
  body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection:hover {
    color: var(--color-brand-white);
    background-color: var(--color-brand-black);
  }
}
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyLevelButtonCustomize .CybotCookiebotDialogArrow {
  display: none;
}
body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton:not(:last-of-type),
body #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
body #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) {
  width: 100%;
  height: auto;
}
@media (min-width: 600px) {
  body #CybotCookiebotDialogFooter #CybotCookiebotDialogBodyButtons .CybotCookiebotDialogBodyButton:not(:last-of-type),
  body #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton,
  body #CybotCookiebotDialogFooter .CybotCookiebotDialogBodyButton:not(:first-of-type) {
    width: auto;
  }
}
body #CookiebotWidget {
  left: var(--space-s) !important;
  bottom: var(--space-l) !important;
}
body #CookiebotWidget:not(.CookiebotWidget-inactive) {
  transition: opacity 0.3s ease-in, border-radius 0.2s ease-in, transform 0.4s cubic-bezier(0.52, 0.01, 0, 1);
}
body #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
  display: none;
}
body #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change,
body #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
  background-color: var(--color-button-bg);
  border-color: var(--color-button-border);
  border-width: 2px;
  border-radius: 0;
  height: auto;
  opacity: 1;
  color: var(--color-button-border);
  transition: color 0.25s cubic-bezier(0, 0.655, 0.215, 1), background-color 0.25s cubic-bezier(0, 0.655, 0.215, 1);
}
@media (min-width: 960px) {
  body #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change:hover,
  body #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw:hover {
    color: var(--color-brand-white);
    background-color: var(--color-brand-black);
    border-color: var(--color-brand-black);
  }
}
body #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change:disabled,
body #CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw:disabled {
  opacity: 0.4;
  cursor: not-allowed;
  pointer-events: none;
}
body #CookiebotWidget .CookiebotWidget-consent-details button {
  color: var(--color-brand-black);
}
body #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved[data-consent=necessary] svg,
body #CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
  fill: var(--gradient-success-from);
}
body #CookiebotWidget.CookiebotWidget-open,
body #CookiebotWidget.CookiebotWidget-open #CookiebotWidget-widgetContent {
  border-radius: 0;
}
