/*
 * 
 * Stile für das Cookie-Banner */
 :root {
    --cmplz_banner_width: auto !important;
    --cmplz_banner_background_color: #ffffff;
    --cmplz_banner_border_color: #ffffff;
    --cmplz_banner_border_width: 1px 1px 1px 1px;
    --cmplz_banner_border_radius: 12px 12px 12px 12px;
    --cmplz_banner_margin: 10px;
    --cmplz_categories-height: 216px;
    --cmplz_title_font_size: 15px;
    --cmplz_text_line_height: calc(var(--cmplz_text_font_size) * 1.5);
    --cmplz_text_color: #333333;
    --cmplz_hyperlink_color: #333333;
    --cmplz_text_font_size: 12px;
    --cmplz_link_font_size: 12px;
    --cmplz_category_body_font_size: 12px;
}

.cmplz-cookiebanner {
	overflow: auto !important;
}

#cmplz-message-1-optin>p {
    font-size: var(--wp--preset--font-size--klein);
}

#cmplz-document {
    max-width: 100%;
}

#cmplz-document>p {
    font-size: var(--wp--preset--font-size--fliesstext);
    max-width: 100% !important;
}

.cmplz-header {
    max-height: 100px !important;
}

.hds-cookie-container {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.hds-cookie-text-container {
    width: 50%;
}

.hds-cookie-text-container>p {
    font-size: var(--wp--preset--font-size--klein);
}

.hds-cookie-text-container>p>strong {
    font-size: var(--wp--preset--font-size--klein);
}

.hds-cookie-image-container {
    width: 50%;
}

.hds-cookie-image-container img {
    width: 100%;
    height: auto;
}

@media screen and (max-width: 1293px) {
    .hds-cookie-text-container,
    .hds-cookie-image-container {
        width: 100%;
        margin-bottom: 20px;
    }

    .hds-cookie-text-container:last-child,
    .hds-cookie-image-container:last-child {
        margin-bottom: 0;
    }

	.cmplz-cookiebanner .cmplz-body {
		min-height: auto !important;
	}
	
	:root {
    --cmplz_banner_width: 95% !important;
	}
	
	.cmplz-cookiebanner .cmplz-body {
		max-height: 95vh !important;
	}
}

@media screen and (max-width: 728px) {
	.cmplz-cookiebanner .cmplz-body {
		max-height: 95vh !important;
	}
	
    .hds-cookie-container {
        flex-direction: column;
    }
	
	#cmplz-cookiebanner-container .cmplz-cookiebanner {
		height: 95vh;
	}
}