/* Branding on the banner */
#CookiebotWidget-main-logo,
a#CybotCookiebotDialogPoweredbyCybot,
div#CybotCookiebotDialogPoweredByText {
  display: none !important;
}

/* Branding on the Privacy trigger */
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-main-logo {
    display: none !important;
}

/* Alle primaire Cookiebot knoppen */
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyButtonDecline {
	background-color: #c8102e !important;
	border-color: #c8102e !important;
	color: #fff !important;
	border: 2px solid #c8102e;
}

#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    background-color: #c8102e !important;
    border-color: #c8102e !important;
    color: #FFFFFF;
}

#CybotCookiebotDialog input:checked+.CybotCookiebotDialogBodyLevelButtonSlider {
    background-color: #c8102e !important;
}

/* container */
.AgeCheckBlock {
	margin: 24px 0 32px;
}

/* titel */
.AgeCheckTitle {
	font-size: 20px !important;
	font-weight: 700;
	margin-bottom: 30px !important;
	padding-top: 5px !important;
}

/* toggle rij */
.AgeCheckToggle {
	display: flex;
	align-items: center;
	gap: 14px;
	cursor: pointer;
	user-select: none;
}

/* verberg native checkbox */
.AgeCheckToggle input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}

/* slider */
.AgeCheckToggleSlider {
	width: 48px;
	height: 26px;
	background: #dcdcdc;
	border-radius: 13px;
	position: relative;
	transition: background 0.25s ease;
	flex-shrink: 0;
}

/* knopje */
.AgeCheckToggleSlider::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	top: 3px;
	left: 3px;
	transition: transform 0.25s ease;
}

/* checked state */
.AgeCheckToggle input:checked + .AgeCheckToggleSlider {
	background: #c8102e; /* Cookiebot-blauw */
}

.AgeCheckToggle input:checked + .AgeCheckToggleSlider::before {
	transform: translateX(22px);
}

/* tekst */
.AgeCheckToggleLabel {
	font-size: 15px;
	font-weight: 600;
}
.AgeCheckBlock {
	margin: 24px 0 32px;
	padding: 12px;
}
#CybotCookiebotDialogHeaderLogosWrapper {
	overflow: visible !important;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
}
#CybotCookiebotDialogHeaderLogosWrapper .AgeCheckToggle {
	display: flex !important;
	align-items: center;
	gap: 12px;
}

#CybotCookiebotDialogHeaderLogosWrapper .AgeCheckToggleSlider {
	display: block !important;
	visibility: visible !important;
	opacity: 1 !important;
	width: 48px;
	height: 26px;
	background: #c8102e;
	border-radius: 13px;
	position: relative;
	flex-shrink: 0;
}

#CybotCookiebotDialogHeaderLogosWrapper .AgeCheckToggleSlider::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	top: 3px;
	left: 25px; /* checked-positie */
}
#CybotCookiebotDialogHeaderLogosWrapper .AgeCheckToggle input {
	position: absolute;
	opacity: 0;
	pointer-events: none;
}
#CybotCookiebotDialogHeaderLogosWrapper .AgeCheckToggleSlider::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	top: 3px;
	left: 3px;                 /* 👈 default (unchecked) */
	transition: transform 0.25s ease, left 0.25s ease;
}
#CybotCookiebotDialogHeaderLogosWrapper
.AgeCheckToggle input:checked + .AgeCheckToggleSlider::before {
	transform: translateX(22px);
}

#CybotCookiebotDialogHeaderLogosWrapper .AgeCheckToggleSlider {
	position: relative;
	overflow: hidden;
}
/* slider container */
#CybotCookiebotDialogHeaderLogosWrapper .AgeCheckToggleSlider {
	position: relative;
	width: 48px;
	height: 26px;
	background: #c8102e;
	border-radius: 13px;
	overflow: hidden;
}

/* bolletje – ALTIJD links starten */
#CybotCookiebotDialogHeaderLogosWrapper .AgeCheckToggleSlider::before {
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	background: #fff;
	border-radius: 50%;
	top: 3px;
	left: 3px;                     /* 👈 ALTIJD */
	transition: transform 0.25s ease;
}

/* checked → verplaatsen met transform */
#CybotCookiebotDialogHeaderLogosWrapper
.AgeCheckToggle input:checked + .AgeCheckToggleSlider::before {
	transform: translateX(22px);
}
#CybotCookiebotDialogHeaderLogosWrapper .AgeCheckToggleSlider {
	background: #111;            /* zwart / Cookiebot-achtig */
}
#CybotCookiebotDialogHeaderLogosWrapper
.AgeCheckToggle input:checked + .AgeCheckToggleSlider {
	background: #c8102e;         /* Cookiebot blauw */
}
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll::after {
	content: ' (ik ben 24+)';
	font-weight: 600;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll::after,
#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection::after {
	content: ' – ik ben ' attr(data-agecheck-label);
	font-weight: 600;
}

.the_content_wrapper {
    //margin-top: 25px !important;
	padding: 2rem !important;
}

.layout-boxed {
	padding-top: 0px !important;
}

h1 {
  color: white;
  text-shadow: 0 2px 8px rgba(0,0,0,0.6);
}