/* COOKIE BANNER */
#cmplz-cookiebanner-container {
	--cmplz_banner_width: 500px;

	.cmplz-cookiebanner {
		width: calc(100% - 40px);
		max-width: var(--cmplz_banner_width);
		inset-inline-end: 1rem;
		inset-inline-start: 1rem;
		background-color: white;

		@media screen and (min-width: 48em) {
			width: auto;
			inset-inline-start: auto;
		}
	}

	.cmplz-body {}

	.cmplz-body::-webkit-scrollbar-thumb {
		background: #CB6215;
	}

	.cmplz-title {
		grid-column-start: 1;
		grid-column-end: 3;
		justify-self: start;
		color: #CB6215;
		font-weight: 600;
		font-size: 1.5rem;
		line-height: 1.3;

		@media (min-width: 48em) {
			font-size: 1.75rem;
		}

		@media (min-width: 64em) {
			font-size: 2.25rem;
		}
	}

	.cmplz-close {
		color: #CB6215;
		transition: .2 ease-out;
		transition-property: scale, opacity;
	}

	.cmplz-close:is(:hover, :focus-visible) {
		scale: 1.1;
		outline: 0;
		opacity: .7;
	}

	.cmplz-message {
		width: 100%;
		max-width: var(--cmplz_banner_width);
		font-size: 1.2rem;
		line-height: 1.66;

		@media screen and (min-width: 48em) {
			font-size: 1.4rem;
		}
	}

	.cmplz-categories {
		width: 100%;
		max-width: var(--cmplz_banner_width);
		margin-top: 1rem;
	}

	.cmplz-category {
		border: 1px solid #F7F7F7;
		border-radius: .4rem;
	}

	.cmplz-category-header {
		background-color: transparent;
	}

	.cmplz-category-title {
		font-weight: 700;
		font-size: 1.6rem;
		line-height: 1.16;
	}

	.cmplz-always-active {
		font-size: 1rem;
	}

	.cmplz-description {
		font-size: 1.2rem;
		line-height: 1.66;

		@media screen and (min-width: 48em) {
			font-size: 1.4rem;
		}
	}

	.cmplz-banner-checkbox .cmplz-consent-checkbox:checked + .cmplz-label::before {
		background-color: #CB6215;
	}

	.cmplz-banner-checkbox .cmplz-label::before {
		background-color: #ddd;
	}

	.cmplz-btn {
		height: auto;
		border: 1px solid transparent;
		border-radius: 0;
		transition: .2s ease-out;
		transition-property: border-color, background-color, color;
	}

	.cmplz-btn:is(:hover, :focus-visible) {
		border-color: #CB6215;
		background-color: white;
		color: #CB6215;
	}

	.cmplz-accept {
		background-color: #CB6215;
	}

	.cmplz-deny,
	.cmplz-view-preferences,
	.cmplz-save-preferences {}

	.cmplz-save-preferences {
		display: none;
	}

	:is(.privacy-statement, .cookie-statement, .impressum) {
		color: #60544A;
		font-size: 1.1rem;
		line-height: 1.66;
	}

	:is(.privacy-statement, .cookie-statement, .impressum):is(:hover, :focus-visible) {
		text-decoration: none;
	}
}

/* WHEN THE BANNER IS THE LITTLE TAB */
#cmplz-manage-consent {
	.cmplz-manage-consent {
		background-color: #CB6215 !important;
		color: white !important;
		font-weight: 700;
		font-size: 1.3rem;
		line-height: 1.5;

		@media (min-width: 48em) {
			inset-inline-end: 2.5rem;
			inset-inline-start: auto !important;
		}
	}
}

/* DOCUMENT */
.cmplz-document {
	.cmplz-dropdown summary,
	.cmplz-service-header,
	.cmplz-category-header {
		padding-block: 1rem !important;
		border-bottom: 0;

		h3,
		.cmplz-category-title {
			font-size: 1.5rem !important;
		}

		p {
			color: #bbb;
			font-size: 1rem !important;
		}
	}

	.cmplz-service-header div::after,
	.cmplz-dropdown summary div::after,
	.cmplz-category-header .cmplz-open {
		filter: brightness(0) saturate(100%) invert(74%) sepia(59%) saturate(6785%) hue-rotate(355deg) brightness(83%) contrast(90%);
	}

	#cmplz-datarequest-form {
		.cmplz_datarequest_request_for_access {
			margin-block-start: 1.6rem;
		}

		input[type="button"] {
			min-width: 14rem;
			margin-block-start: 1.6rem;
			padding: 1rem;
			border: 1px solid transparent;
			border-radius: 0;
			background-color: #CB6215;
			color: white;
			transition: .2s ease-out;
			transition-property: border-color, background-color, color;
		}

		input[type="button"]:is(:hover, :focus-visible) {
			border-color: #CB6215;
			background-color: white;
			color: #CB6215;
		}
	}
}