/* Cookie banner (Complianz) in the design "Cookie-Einstellungen": a paper card in the middle of the screen,
   Lilly on the left, three equal buttons on the right. Texts are set in Complianz. */
.cmplz-cookiebanner.cmplz-cookiebanner {
	display: grid !important;
	grid-template-columns: 72px minmax(0, 1fr) 236px;
	grid-template-areas: "logo head buttons" "logo body buttons" "logo docs buttons";
	column-gap: 32px; row-gap: 8px; align-items: center;
	width: min(946px, calc(100vw - 32px)) !important; max-width: none !important; max-height: calc(100vh - 32px); overflow: auto;
	left: 50% !important; top: 50% !important; right: auto !important; bottom: auto !important; transform: translate(-50%, -50%) !important;
	margin: 0 !important; padding: 29px 36px !important; border-radius: 0 !important; border: 0 !important;
	background: #FFFDF9 !important; box-shadow: 0 0 0 100vmax rgba(21, 28, 45, .18), 0 18px 40px rgba(21, 28, 45, .14) !important;
	color: #151C2D !important; font-family: Karla, sans-serif !important; z-index: 99999 !important;
}
.cmplz-cookiebanner.cmplz-hidden, .cmplz-cookiebanner.cmplz-dismissed { display: none !important; }
.cmplz-cookiebanner .cmplz-header { display: contents !important; }
.cmplz-cookiebanner::before { content: ""; grid-area: logo; align-self: center; display: block; width: 72px; height: 92px; background: url(../img/1c10eb4c651e.webp) center / contain no-repeat; }
.cmplz-cookiebanner .cmplz-logo { display: none !important; }
.cmplz-cookiebanner .cmplz-title { grid-area: head; display: flex !important; flex-direction: column; gap: 6px; margin: 0 !important; font-family: "Cormorant Garamond", serif !important; font-weight: 300 !important; font-size: 21px !important; line-height: 1.15 !important; color: #151C2D !important; text-align: left !important; }
.cmplz-cookiebanner .cmplz-title::before { content: "A QUICK NOTE ABOUT COOKIES"; font-family: Karla, sans-serif; font-size: 12.6px; letter-spacing: 2.5px; font-weight: 300; }
html[lang^="de"] .cmplz-cookiebanner .cmplz-title::before { content: "KURZ ZU DEN COOKIES"; }
.cmplz-cookiebanner .cmplz-close, .cmplz-cookiebanner .cmplz-divider { display: none !important; }
.cmplz-cookiebanner .cmplz-body { grid-area: body; margin: 0 !important; max-height: none !important; overflow: visible !important; }
.cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-message p { margin: 0 !important; font-family: Karla, sans-serif !important; font-weight: 300 !important; font-size: 15.3px !important; line-height: 1.7 !important; color: #151C2D !important; text-align: left !important; max-width: 470px; }
.cmplz-cookiebanner .cmplz-links.cmplz-information { display: none !important; }
.cmplz-cookiebanner .cmplz-links.cmplz-documents { grid-area: docs; margin: 0 !important; justify-content: flex-start !important; }
.cmplz-cookiebanner .cmplz-links ul { display: flex !important; flex-wrap: wrap; gap: 0 !important; margin: 0 !important; padding: 0 !important; list-style: none; }
.cmplz-cookiebanner .cmplz-links li { margin: 0 !important; }
.cmplz-cookiebanner .cmplz-links li:has(> .cmplz-hidden) { display: none !important; }
.cmplz-cookiebanner .cmplz-links li:has(> a:not(.cmplz-hidden)) ~ li:has(> a:not(.cmplz-hidden))::before { content: "·"; padding: 0 6px; }
.cmplz-cookiebanner .cmplz-link { font-family: Karla, sans-serif !important; font-weight: 300 !important; font-size: 12.2px !important; color: #151C2D !important; text-decoration: underline !important; text-decoration-color: #F7C2CF !important; text-decoration-thickness: 2px !important; text-underline-offset: 3px; margin: 0 !important; }
.cmplz-cookiebanner .cmplz-buttons { grid-area: buttons; display: flex !important; flex-direction: column !important; gap: 8px !important; align-items: stretch !important; margin: 0 !important; }
.cmplz-cookiebanner .cmplz-btn { width: 100% !important; height: auto !important; min-height: 44px; margin: 0 !important; padding: 11px 14px !important; border-radius: 0 !important; font-family: Karla, sans-serif !important; font-weight: 300 !important; font-size: 12.6px !important; letter-spacing: 2.5px !important; text-transform: uppercase !important; line-height: 1.3 !important; color: #151C2D !important; background: #FFFFFF !important; border: 1px solid #151C2D !important; white-space: normal !important; transition: transform .3s ease, background .3s ease; cursor: pointer; }
.cmplz-cookiebanner .cmplz-btn.cmplz-accept { background: #F7C2CF !important; border-color: #F7C2CF !important; }
.cmplz-cookiebanner .cmplz-btn:hover { transform: translateY(-2px); background: #FEEEEF !important; }
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover { background: #F4B3C3 !important; }
/* "let me choose": the categories */
.cmplz-cookiebanner .cmplz-categories { margin-top: 12px !important; }
.cmplz-cookiebanner .cmplz-category { background: #FAF7F3 !important; border-radius: 0 !important; margin-bottom: 6px !important; }
.cmplz-cookiebanner .cmplz-category-title { font-family: Karla, sans-serif !important; font-weight: 500 !important; font-size: 14px !important; color: #151C2D !important; }
.cmplz-cookiebanner .cmplz-description { font-family: Karla, sans-serif !important; font-weight: 300 !important; font-size: 13.5px !important; line-height: 1.6 !important; }
.cmplz-cookiebanner input.cmplz-consent-checkbox:checked + .cmplz-label::before, .cmplz-cookiebanner .cmplz-banner-checkbox input:checked + label::before { background-color: #F7C2CF !important; }
/* the little "manage consent" tab: hidden, the footer link "cookie-einstellungen" opens the banner */
#cmplz-manage-consent .cmplz-manage-consent { display: none !important; }

@media (max-width: 1023px) {
	.cmplz-cookiebanner.cmplz-cookiebanner {
		grid-template-columns: 56px minmax(0, 1fr);
		grid-template-areas: "logo head" "body body" "docs docs" "buttons buttons";
		column-gap: 18px; row-gap: 14px; padding: 26px 22px !important; width: min(420px, calc(100vw - 32px)) !important;
	}
	.cmplz-cookiebanner::before { width: 56px; height: 72px; }
	.cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-message p { font-size: 15px !important; max-width: none; }
	.cmplz-cookiebanner .cmplz-btn { font-size: 13px !important; min-height: 48px; }
}

/* everything in the text column starts on the same line, documents in one row */
.cmplz-cookiebanner .cmplz-title, .cmplz-cookiebanner .cmplz-body, .cmplz-cookiebanner .cmplz-message, .cmplz-cookiebanner .cmplz-links.cmplz-documents { justify-self: start !important; align-self: auto; text-align: left !important; padding: 0 !important; margin: 0 !important; width: auto !important; }
.cmplz-cookiebanner .cmplz-title { align-self: end !important; }
.cmplz-cookiebanner .cmplz-links.cmplz-documents { align-self: start !important; }
.cmplz-cookiebanner .cmplz-links.cmplz-documents ul { flex-wrap: nowrap !important; justify-content: flex-start !important; white-space: nowrap; }
.cmplz-cookiebanner .cmplz-links.cmplz-documents li { display: inline-flex !important; width: auto !important; }
.cmplz-cookiebanner .cmplz-buttons { align-self: center !important; justify-self: stretch !important; width: 100% !important; max-width: none !important; }
.cmplz-cookiebanner .cmplz-buttons .cmplz-btn { max-width: none !important; }
