:root {
	 --consent-bg: rgba(38, 39, 41, 0.95);
	 --color-text--inverted: #FFF;
	 --color-gray-light: #EEE;
	 
	 --base-font-size--xs: 0.75rem;
	 
	 --base-spacing-unit--xs: 0.25rem;
	 --base-spacing-unit: 1rem;
	 --base-spacing-unit--lg: 2rem;
}

 [id='hofff-consent-banner'] {
	 position: fixed;
	 bottom: 0;
	 left: 0;
	 right: 0;
	 z-index: 1006;
	 max-height: 100%;
	 overflow-y: auto;
	 background: var(--consent-bg);
	 backdrop-filter: blur(10px);
	 color: var(--color-text--inverted);
	 font-size: var(--base-font-size--xs);
}
 [id='hofff-consent-banner'] > .inside {
	 max-width: 1170px;
	 padding: var(--base-spacing-unit--lg) var(--base-spacing-unit);
}
 [id='hofff-consent-banner'] .col {
	 /* col 12 */
}
 .hofff-consent-root-headline {
 	margin-top: 0;
	 font-size: 1.25rem;
	 font-weight: 700;
}
 .hofff-consent-root-text {
	 margin-bottom: var(--base-spacing-unit);
}
 .hofff-consent-buttons, .hofff-consent-privacy-settings-button {
	 display: inline-flex;
}

[id='hofff-consent-banner'] .hofff-consent-show-privacy-settings {
	color: var(--color-gray-light);
	text-decoration: underline;
}

 .hofff-consent-button-accept {
	/* button primary */
	margin-right: 0.5rem;
}
 .hofff-consent-privacy-settings-button a, .hofff-consent-privacy-settings-button button, .hofff-consent-button-revoke, .hofff-consent-button-close {

	 color: var(--color-gray-light);
	 outline: none;
	 line-height: 1.75;
	 margin-left: var(--base-spacing-unit--xs);
}
 button.hofff-consent-button-revoke {
	 margin-left: var(--base-spacing-unit--sm);
}

 .hofff-consent-banner-additional-content {
	 margin-top: var(--base-spacing-unit);
	 margin-bottom: var(--base-spacing-unit);
}
 .hofff-consent-banner-additional-content .nav--footer-2 .level_1 {
	 justify-content: center;
}
 .hofff-consent-privacy-settings .card {
	/* @extend %_h3;
	 */
}

 .hofff-consent-privacy-settings .card .hofff-consent-tag-collection {
	 margin-left: 0;
	 padding: 0rem;
}
 .hofff-consent-privacy-settings .card .list-group-item::marker {
	 vertical-align: middle;
}
 .hofff-consent-privacy-settings .widget-explanation {
	 margin-bottom: var(--base-spacing-unit);
}
 .hofff-consent-privacy-settings .widget-switch span.valid-feedback {
	 transition: opacity 0.3s;
}
 .hofff-consent-privacy-settings .widget-switch span.custom-switch ~ span.valid-feedback {
	 opacity: 0;
}
 .hofff-consent-privacy-settings .widget-switch span.custom-switch.was-validated ~ span.valid-feedback {
	 opacity: 1;
}
 .hofff-consent-privacy-settings .hofff-consent-privacy-notes {
	 margin-bottom: var(--base-spacing-unit--lg);
}

.hofff-consent-privacy-settings .col-12 {
	width: 100%;
	max-width: 100%;
}

 .hofff-consent-content {
	 background: var(--consent-bg);
	 color: var(--color-text--inverted);
	 padding: var(--base-spacing-unit) var(--base-spacing-unit) 0;
	 font-size: var(--base-font-size--xs);
}

.hofff-consent-privacy-settings .hofff-consent-tag-collection {
	list-style-type: none;
	padding-left: 0;
}

.hofff-consent-privacy-settings .hofff-consent-tag {
	width: 100%;
	max-width: 100%;
}
.hofff-consent-tag-title {
 	font-size: 1.5em;
 	margin-bottom: 0.3em;
}

 .hofff-consent-content a {
	 color: inherit;
	 text-decoration: underline;
}
.hofff-consent-privacy-settings .checkbox_container {
	padding: 0.5rem;
	width: 100%;
	max-width: 100%;
	display: flex;
}

.hofff-consent-privacy-settings .hofff-consent-switch {
	flex-shrink: 0;
}

.hofff-consent-feedback {
	margin-top: 0.15rem;
	font-size: 0.875rem;
	padding-left: 0.5rem;
}

 .hofff-consent-content .hofff-consent-buttons {
	 display: inline-block;
	 margin-top: var(--base-spacing-unit);
}

 .hofff-consent-content .hofff-consent-privacy-settings-button {
	 display: inline-block;
}