.cookiesWarning {
    position: fixed;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
    
	width: 100%;
    padding: 2em 2.5em;
    z-index: 5000;
	
	box-shadow: 0 0 7px 0 rgba(0, 0, 0, 0.3);
	
    background-color: var(--color__yellow);
    color: var(--color__black);
}

.cookiesMore {
	max-height: 4em;
    overflow: hidden;
	position: relative;
	transition: max-height 0.8s;
}

.cookiesMore:after {
	content: '';
	display: block;
	width: 100%;
	height: 3em;
	position: absolute;
	bottom: 0;
	left: 0;
	pointer-events: none;
	opacity: 1;
	transition: opacity 0.8s;
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#009d57+0,009d57+100&0+0,1+100 */
	background: linear-gradient(to bottom,  rgba(0,157,87,0) 0%, var(--color__yellow) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

	
.cookiesWarning.cookiesWarning--active .cookiesMore {
	max-height: 40em;
}

.cookiesWarning.cookiesWarning--active .cookiesMore:after {
	opacity: 0;
}
	



.cookiesCheckbox {
	display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: flex-start;
	margin-top: 0.7em;
}

.cookiesCheckbox input {
	margin-right: 0.2em;
	min-width: 1.2em;
	transform: scale(1.4);
	transform-origin: 0 50%;
}
	
.cookiesCheckbox label {
	display: block;
	margin-top: -0.2em;
	padding-left: 0.7em;
}
		
.cookiesCheckbox label b {
	display: block;
}

.cookiesCheckbox__holder {
	margin-bottom: 1em;
}

.cookiesWarning__inner {
    position: relative;
    margin-left: auto;
    margin-right: auto;
	max-width: 40em;
	padding-bottom: 0;
	
	font-size: 0.8em;
}
	
.cookiesWarning__inner p span {
	margin-left: 0;
	font-size: 0.8em;
}

#btnCookiesMore {
}

#btnCookiesMore .icon {
	font-size: 0.7em;
}

.cookiesWarning.cookiesWarning--active #btnCookiesMore .icon {
	transform: rotate(180deg);
}

.cookiesWarning__inner .bWrap {
	padding-top: 1em;
	
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row;
}

.linkInCookies {
	text-decoration: underline;
}





.cookies__header {
	font-size: 1.3em;
	font-weight: 600;
}

.cookiesWarning__close2 {
	margin-top: 1em;
}
	
.cookiesWarning__close2:hover {
	color: #fff !important;
}	

.cookies__tableDesktop {
	width: 100%;
	
	background-color: #fff;
	border: 1px solid $color__turkiz;
	font-size: 0.9em;
}

.cookies__tableDesktop th, 
.cookies__tableDesktop td {
	padding: 0.2em 0.5em;
	text-align: left;
	vertical-align: bottom;
}




@include bp(23em) {
	.cookiesMore__btn[aria-expanded="true"] .icon {
		padding-top: 2em;
	}
}

@include bp(0,350px) {
	.cookiesWarning__close {
		max-width: 12em;
	}
}